您的位置:首页 > Web前端 > JQuery

简单的tab切换(jquery)

2016-07-26 17:49 543 查看

简单的tab切换

自定义css,需要引用jquery库

示例图



html

.active控制 切换提示

<section class="im_tab">
<div class="clearfix">
<p class="fl active">日</p>
<p class="fr">周</p>
<p class="fr">月</p>
<p class="fr">年</p>
</div>
</section>


js

$(".im_tab p").click(function(){
$(this).addClass("active").siblings().removeClass("active");

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: