非常好用的tab切换jquery

因为是jquery,所以先调用jquery库,可以调用在线的,这里以百度公用库为例:

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<div class="container">
<ul class="js_tab ">
<li>1</li>
<li>2</li>
</ul>
<div class="js_tab_detail">
内容1
</div>
<div class="js_tab_detail">
内容2
</div>
</div>
<script>
//tab切换
$('.js_tab_detail').hide();
$('.js_tab_detail:eq(0)').show();
$('.js_tab p').on('click',function(){
$(this).addClass('active').siblings().removeClass('active');
var index = $(this).index();
$('.js_tab_detail').hide();
$('.js_tab_detail:eq('+index+')').show();
});
</script>

 

一个简单好用的jquery就完成了,li的个数和js_tab_detail个数相对应,就行了。

 

用jquery给图片加样式

$(document).ready(function(){   
$(".nrcss img").css("max-width","100%");
});

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注