手记

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>
0人推荐
随时随地看视频
慕课网APP