上传者: 41573661
|
上传时间: 2021-12-13 18:33:02
|
文件大小: 1.76MB
|
文件类型: -
1.div banner就是上文中提到的轮播的窗口,它就是呈现图片的部分。
2.无序列表 img:用来存放要进行呈现的图片,而图片的水平放置与零间隙拼接会在后面的Css和Jquery代码中进行实现。
3.无序列表 num:用来存放图片下方对应的圆点。可以看到在HTML代码中并没有进行圆点的添加,这是因为通过Jquery代码首先获取图片的张数可以动态对应的添加圆点的个数,也可以动态的利用Css属性为圆点添加相应属性。
4.div btn :轮播图的左右按钮的呈现通过标签以及后面的Css代码进行实现。