多语言展示
当前在线:1965今日阅读:167今日分享:16

前端开发实现轮播图的开发思想

本经验分享轮播图的思路,具体代码需要自己动手哦。代码这东西,主要还是学思路,因为真正的代码都大同小异,没什么区别。主要是看你的思路是怎么想的。
工具/原料
1

IDE代码编辑工具

2

电脑

方法/步骤
2

将UL的默认样式去掉,然后将LI 全部 设置float属性,将他们并列显示,这样做的好处是,当加载比较慢的时候,可以有效的起到前端的体验效果,而不是将所有图片往下挤了。

3

最后,设置一个定时器,每隔1秒中,获得到当前的Li标签的下标,循环整个UL的子元素,然后1秒后下标加1,直到加到等于UL的子元素的个数时,跳到第1张图。

注意事项

下标使用全局变量,好在定时器中去获取

推荐信息