首页 > IT职业 > IT生活 > javascript--轮播左右键加轮播键
<script>
//开始向左向左向右点击操作
$("left").onclick=function(){
$("img_list").style.left=-offset*n+"px";
if(n<=4){
n++;
}if(n>4){
n=0;
}
}
$("right").onclick=function(){
$("img_list").style.left=-offset*n+"px";
if(n>=0){
n--;
}if(n<0){
n=4;
}
}
//下面加轮播键,点到是谁就是谁
console.log(fin("#btn_list>span"));
for(var i=0;i<("#btn_list>span").length;i++){//遍历每一个轮播键
fin("#btn_list>span")[i].title=i;//别忘了函数名称fin
//并且利用fin函数获取页面上的span标签,给每一项起名title,赋值为i
fin("#btn_list>span")[i].onclick=function(){//然后开始给每一项添加点击事件
n=this.title;//以left作为标准,点到第几就是偏移n次
$("img_list").style.left=-offset*n+"px";//偏移量
}
}
</script>
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3071/viewspace-2822471/ ,如需转载,请注明出处,否则将追究法律责任。