常用换一批切换效果jq

遍历li,绑定点击事件即可

<script type="text/javascript"> var changeindex=1; var clickindex=2; $(".guess-box 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(); $(".switch").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>

 

posted @ 2020-09-18 18:08  南瓜小园  阅读(175)  评论(0编辑  收藏  举报