不使用js实现轮播图片，如何用js实现轮播图

网站首页的轮播图怎么不用js代码也能弄出来效果

MARQUEE/MARQUEE 这算是纯HTML的轮播了吧。

直接去懒人图库找个相近的轮播样式，别上网站上直接复制，网站上应用的轮播图片都是引用的js和css文件，没有css轮播样式执行不了，没有js轮播也无法生效。

光是html的话很难实现轮播，轮播一般都是html+js才能完成。

然后我们可以在html头部标题下添加css样式代码来控制div的显示效果。4接下来在body标签中添加js的事件onload，也就是加载该页面的时候，调用onload的值对应的方法，图中的话就是init()。

相关问答

Q1: 图片轮播能用HTML实现呢,只用HTML不加入js脚本,求大神赐教,有的话给...

1、MARQUEEimg src=你的图片地址 //MARQUEE 这算是纯HTML的轮播了吧。

2、新建一个html文件，命名为test.html，在test.html文件内，使用img标签创建一张图片，图片是images文件夹下面的jpg。为了展示隐藏图片后的效果，在img标签的外部使用div标签，同时设置div标签的class属性为mydiv。

3、原来你是想做轮播图，你用js写是可以的，只不过你要注意js的执行顺序。如果你的这个innerHTML的js代码在轮播图动起来的js代码后面，你这个就不会有效果，你只有先加载了html，再执行轮播js，才会出现效果。

4、if语句里面应该是==号，而不是=号 png.src = img/f + [a] + .png；还有就是你的数组中的图片是从f2开始的，后面的if-else语句计算出来有问题的。

5、在index.html中的script标签，输入js代码：style=background-image：url(image.jpg)；background-repeat：no-repeat；background-attachment：fixed。

6、不是必须的，js控制动态效果，css控制的是页面布局，使用了会好看一点。

Q2: 求php图片轮播代码

1、PHP 和 HTML 的交互是通过 print 和 echo 语句来实现的，在实际使用中， print 和 echo 两者的功能几乎是完全一样。可以这么说，凡是有一个可以使用的地方，另一个也可以使用。

2、轮播图html代码如下：工具／原料：华硕灵耀1Windowshtml编辑器13。首先，打开html编辑器，新建html文件，例如：index.html。

3、请注意，上面的代码仅供参考，在实际应用中你可能需要做一些更多的工作来实现你的需求。例如，你可能需要设置图片的宽度和高度，或者添加其他的样式来改变图片的外观。

4、你这代码主要是因为只切换了图片，没有切换a的href，所以打开的url没有改变。小小调整一下即可。

Q3: html怎么在DIV中加入轮播代码?不要marquee的药JS的!

HTML 文档的任意地方插入 JavaScript，甚至在HTML之前插入也不成问题。

基于Jquery的DIV嵌套html Html代码：scriptsrc=js/jquery.js/scriptdivid=btn新页面/div Js代码：(document).ready(function)(){ (#btn#newDivnew.html })；})；点击“新建页面”进行添加。

首先打开电脑上的记事本。在记事本中写入如下代码：htmlheadbodymarquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=7 direction=up width=270 height=77。

MARQUEEimg src=你的图片地址 //MARQUEE 这算是纯HTML的轮播了吧。

那就好办多了，可以直接在script里面写js代码，不需window.onload。也可以新建js文件，把html和js分离。然后在js文件里面写代码，注意不要用script标签。然后在script里面用src来把之前的js文件链接好即可。

需要准备的材料分别有：电脑、html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html。

Q4: ...轮播代码过来,轮播图有图,但不轮播,为什么?没用CSS和JS

直接去懒人图库找个相近的轮播样式，别上网站上直接复制，网站上应用的轮播图片都是引用的js和css文件，没有css轮播样式执行不了，没有js轮播也无法生效。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签中，填入js代码：setInterval($(img).attr(src， smallpng)，1000)。

使用CSS实现轮播图操作主要使用了伪类：checked，并将lable指向对应的input的id，来实现这个轮播的功能。

轮播图用css比js好。根据查询相关公开信息显示，css的工具很全面而且不会出现卡顿的现象比较推荐css。

自定义区不支持JavaScript语言所以无法使用轮播图片代码，自定义地区连div+css都不能很好支持别说JavaScript语言了。代码给你个网址自己看吧，贴上来被黑了。日 百毒 一下。163。

Q5: dw中js轮播图怎样删

首先，在dw文件中右击需要删除的js文件。其次，右击菜单中选择“编辑”下的“删除”按钮。最后，在弹出确认窗口中点击“是”按钮，就可以删除文件了。

找到引用语句删除就好了，直接搜索你要的文件名，这样找比较快。

直接选中按delt删除你不要的文字或者图片选中就可以直接删除AdobeDreamweaver，简称“DW”，中文名称梦想编织者，最初为美国Macromedia公司开发，2005年被Adobe公司收购。

dw删除层叠方法：在DW中选择查看，将防止层交叠前面的对号去掉。再通过右键单击红色虚线框打开快捷菜单，在其中选择删除层叠选项即可删除。

dw如何压缩？第一首先在电脑上点击Dreamweaver软件。然后创建一个新站点。第二然后在工具栏上点击站点。再点击管理站点。第三然后就会弹出一个站点的管理窗口。在管理窗口中可以导入站点和新建站点。

不使用js实现轮播图片的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于如何用js实现轮播图、不使用js实现轮播图片的信息别忘了在本站进行查找喔。