图片轮播
一、对图片的左边距进行初始化
for(var i = 0;i < lis.length;i++){
lis[i].style.marginLeft = "0";
}
二、轮播方法设置
var run = setInterval(方法,周期)
三、轮播速度设置
var lileft = parseInt(li[0].style.marginLeft);
li[0].style.marginLeft = lileft - 周期移动距离 + "px";
四、轮播循环
var newli = li[0].cloneNode(true);
ul.removeChild(li[0]);
ul.appendChild(newli);
五、鼠标移入暂停
ul.onmouseover = function(){
window.clearInterval(run)
};
六、鼠标移除继续循环
ul.onmouseout = function(){
run = setInterval(方法,周期)
}
七、通过改变src路径进行循环
<img src="1.jpg" alt=""/>
if(i < img.length - 1){
i++;
}else{
i = 0;
}
im.src = img[i];