常用换一批切换效果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>
南瓜小园 —— 从零开始,重构想象!