图片轮播

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

posted @ 2015-07-23 22:21  搬砖菜鸟  阅读(168)  评论(0编辑  收藏  举报