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

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

/*操作轮播图*/
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);