继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

javascript--轮播左右键加轮播键

Rvie
关注TA
已关注
手记 20
粉丝 14
获赞 47
<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>
打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP