首先放入一个bootstrap的标签页效果
<ul class="nav nav-tabs" role="tablist">
<li class="active"><a href="#home" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true" data-href="/Class_1/Default.aspx">新政解读</a></li>
<li><a href="#home1" data-toggle="tab" data-href="/Class_2/Default.aspx">个人服务</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="home">
...
</div>
<div role="tabpanel" class="tab-pane fade" id="home1>
...
</div>
</div>
此处nav-tabs li a上的data-href属性是自加上的，原标签页效果无此属性，data-href填写为要跳转的链接地址
然后再页面山加入下面的js
<script>
$(".nav-tabs li a").click(function(){
if($(this).parent().hasClass("active"))
window.location.href=$(this).data("href");
})
</script>在css文件中加入下面样式
ul.nav-tabs li.active a:hover { text-decoration:underline; cursor:pointer;}即可
