jQuery多组标签点击按钮换一批代码

来源:https://www.sucaihuo.com/js/3519.html 2018-03-05 14:40浏览(973) 收藏

jQuery多组标签点击按钮换一批代码,获取多组li标签,通过点击换一批按钮更换为另一组文字标签。
jQuery多组标签点击按钮换一批代码
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 10 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript">
		var changeindex=1;
		var clickindex=2;
		$(".changeone li").each(function(index,element){      
			if(index/8<changeindex){

				element.className="change"+changeindex;
			}else{
				changeindex++;
				element.className="change"+changeindex;
			}
		})
		$(".change1").siblings().css("display","none");
		$(".change1").show();
		$(".huan").click(function(){
			if(clickindex<=changeindex){
				$(".change"+clickindex).siblings().css("display","none");
				$(".change"+clickindex).show();
				clickindex++;
			}else{
				clickindex=1;
				$(".change"+clickindex).siblings().css("display","none");
				$(".change"+clickindex).show();
			}

		});
	</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2