今天在网上看了写轮播图的思路,我先跟着敲了一遍,接着自己做了一遍,思路是利用变量index(索引),用浮动,绝对定位和相对定位完成图片,按钮,圆点等的布局,然后用javaScript方法获取相应的NodeList,通过index的增减决定active类(要切换的元素加上active类)应用的元素来切换图片,
对于自动轮播,可以用setInterval()函数来定时,设置变量time=0,点击圆点time会重置为0防止图片自动切换,有利于用户友好。
轮播图
- 本文链接: https://akayi07.github.io/2020/01/25/20200125/
- 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
-------------本文结束感谢您的阅读-------------