JS/ JQ 常用小特效【持续更新中】

38次阅读

共计 535 个字符，预计需要花费 2 分钟才能阅读完成。

table 点击切换
<!– 没有 css 懒 … –>

<!– HTML –>
<ul class=”sideslip-head”>
<li class=”active”><span>1111</span></li>
<li><span>22222</span></li>
<li><span>33333</span></li>
</ul>

<div class=”sideslip-box”>
<ul class=”sideslip-titles”>
<li>11111</li>
</ul>
<ul class=”sideslip-titles”>
<li>222222</li>
</ul>
<ul class=”sideslip-titles”>
<li>33333</li>
</ul>
</div>
/* JQ */
$(“.sideslip-head>li”).click(function(){
$(this).addClass(“active”).siblings().removeClass(“active”);
$(“.sideslip-titles”).eq($(this).index()).css(“display”,”block”).siblings().css(“display”,”none”)
})

正文完