新手一起学习,写一个超级简单的轮播图。

html部分:

超简单轮播图

js部分:

超简单轮播图

 

解释:将要轮播的图片全部放进一个数组里面;

再定义一个函数,获取页面img的id,然后判断数组的下标,因为数组的索引是从0开始的,数组的长度是5,所以index=4的时候,播完第五张图片,否者,从新开始遍历;

更改img的的src路劲;

加计时器setInterval具体用法见w3s。

效果:超简单轮播图

相关文章: