ITPub博客

首页 > IT职业 > IT生活 > javascript--轮播左右键加轮播键

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

IT生活 作者:mahaijiang 时间:2021-09-09 10:28:33 0 删除 编辑
<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/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-13

  • 博文量
    76
  • 访问量
    779