文件名称:s和HTML+css实现图片轮播.zip
文件大小:1.76MB
文件格式:ZIP
更新时间:2023-08-27 13:11:15
js web html css
1.div banner就是上文中提到的轮播的窗口,它就是呈现图片的部分。 2.无序列表 img:用来存放要进行呈现的图片,而图片的水平放置与零间隙拼接会在后面的Css和Jquery代码中进行实现。 3.无序列表 num:用来存放图片下方对应的圆点。可以看到在HTML代码中并没有进行圆点的添加,这是因为通过Jquery代码首先获取图片的张数可以动态对应的添加圆点的个数,也可以动态的利用Css属性为圆点添加相应属性。 4.div btn :轮播图的左右按钮的呈现通过标签以及后面的Css代码进行实现。
【文件预览】:
图片轮播
----Images()
--------bgn9.jpg(283B)
--------2.jpg(351KB)
--------6.jpg(348KB)
--------bgn7.png(378B)
--------3.jpg(354KB)
--------bgn8.gif(214B)
--------5.jpg(345KB)
--------bgn8.png(425B)
--------4.jpg(370KB)
--------bgn7.gif(204B)
--------bgn6.gif(377B)
----IndexSlide.js(4KB)
----index.html(1KB)
----jquery-1.9.1.min.js(90KB)
----Comm.css(261B)
----index.css(1KB)