0%

轮播图

今天在网上看了写轮播图的思路,我先跟着敲了一遍,接着自己做了一遍,思路是利用变量index(索引),用浮动,绝对定位和相对定位完成图片,按钮,圆点等的布局,然后用javaScript方法获取相应的NodeList,通过index的增减决定active类(要切换的元素加上active类)应用的元素来切换图片,
对于自动轮播,可以用setInterval()函数来定时,设置变量time=0,点击圆点time会重置为0防止图片自动切换,有利于用户友好。

-------------本文结束感谢您的阅读-------------