js简版图片左右切换功能

最新推荐文章于 2023-08-02 12:04:17 发布

dk8600

最新推荐文章于 2023-08-02 12:04:17 发布

阅读量78

点赞数

原文链接：http://www.cnblogs.com/sunbey/p/5151685.html

版权

function leftMove(obj,direction,lis){
    var num = 0;
    var liWidth = lis[0].offsetWidth;
    setInterval(function(){
      if(num<parseInt(liWidth/10)){
        if(direction=="left" && obj.offsetLeft<0){
          obj.style.left = obj.offsetLeft + 10 + "px";
          num == parseInt(liWidth/10)-1 ? (obj.style.left = obj.offsetLeft + liWidth%10 + "px"):null;
        }
        else if(direction=="right" && obj.offsetLeft>-liWidth*(lis.length-1)){
          obj.style.left = obj.offsetLeft - 10 + "px";
          num == parseInt(liWidth/10)-1 ? (obj.style.left = obj.offsetLeft - liWidth%10 + "px"):null;
        }
      }
      num++;
    },10)
  }