图片轮播

一、对图片的左边距进行初始化
　　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];

转载于:https://www.cnblogs.com/f19huangtao/p/4671966.html