saber酱的抱枕

Fly me to the moon

03/26
17:48
学习

原生js制作的带缩略图、可控制的的banner切换demo

原生js制作的带缩略图、可控制的的banner切换demo

每3秒自动播放下一张图片,有淡出效果。带前后控制按钮,点击缩略图也可以跳转到对应图片。缩略图也有样式的变化。在chrome、firefox、IE11上测试没有问题。

图片上可以加超链接。实际使用中如果只是图片大小、数量有变,那只需要改样式和文档结构就行了。缩略图因为是绝对定位,其内内容没能自动居中,如果数量变化的话需要手动改。

就这玩意就花了我将近两个下午的时间,毕竟我太菜== 不过也学到了新的知识,像是封装的使用、数组的索引值等。

demo下载  在线查看

原生js制作的带缩略图、可控制的的banner切换demo