原生js---轮播图封装函数

来源:互联网 发布:指尖陀螺 知乎 编辑:程序博客网 时间:2024/05/17 06:24

 原生js---节点轮播图封装函数

第一次在CSDN上这个平台上写博客,以后多写博客来与大家分享与交流。有问题的地方还请各位大神指导。废话少说,上代码。
/*操作轮播图*/  function nodeLunbo(obj,left,right,imgBox,imgone){    var lunbo=obj;//调用方法    var left=left;//点击左边切换    var right=right;//点击右边切换    var imgBox=imgBox;//装IMG的盒子    var width=parseInt(getStyle(imgone,"width"));//获取其中一个的宽度    var t=setInterval(move,1500);//设置时间函数    var n=2;//设置需要移动的数量    function move(){//定义函数      animate(imgBox,{left:-width*n},600,function(){        for(var i=1;i<n;i++){          var imgFirst=getFirst(imgBox);          imgBox.appendChild(imgFirst);//循环完追加到前面 继续循环        }        imgBox.style.left="0px";//刚开始的时候盒子的位置      });    }    lunbo.onmouseover=function(){//鼠标放上去的时候轮播暂停      clearInterval(t);    }    lunbo.onmouseout=function(){//鼠标离开的时候轮播开始      t=setInterval(move,1500);    }    left.onclick=function(){//点击左边的按钮,图片切换      for(var i=1;i<=n;i++){        var last=getLast(imgBox);        var First=getFirst(imgBox);        insertBefore(last,First);      }      imgBox.style.left=-width*n+"px";      animate(imgBox,{left:0},600)    }    right.onclick=function(){//点击右边的按钮,图片切换      move();    }  }  var obj=$(".lunbo");  for(var i=0;i<obj.length;i++){    nodeLunbo(obj[i]);  }
 调用方法
  nodeLunbo(obj,left,right,imgBox,imgone);
原创粉丝点击