1.课程名称: javascript(轮播图定时器)
课程章节:轮播图之定时器设置
2.课程内容:
首先把所有的操作定义在一个函数里头
设置函数
function slideimg(){
}
我们 需要取到滑过盒子的内容 main
var main = byi的(“main”)
我们添加定时器,这样就可以自动轮播
鼠标滑过时清除定时器
main.onmouseover = function(){
}
然后再添加鼠标离开时添加计时器
我们要添加索引来轮播三张图片
全局
获取这三张图片的容器
banner 的id
测试
鼠标离开图片后,图片只有三张,却不断轮播,这是不行的,需要修改
,我们要获取三张图片的长度
如果 index 大于等于三个轮播图的长度的话
if(index>=len){
index = 0;
}
就把他重置成0
效果:
要是超出了图片的长度,就把他重置
三 本章重点,理解逻辑就好了,基础的js
本节完O(∩_∩)O