<ul class="nav nav-tabs" id="myTab">
<li class="active"><a href="#home">首页</a></li>
<li><a href="#profile">介绍</a></li>
<li><a href="#messages">消息</a></li>
<li><a href="#settings">设置</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">.首页内容..</div>
<div class="tab-pane" id="profile">介绍内容...</div>
<div class="tab-pane" id="messages">.消息内容..</div>
<div class="tab-pane" id="settings">.设置内容..</div>
</div>
<script>
$(function () {
$('#myTab a:first').tab('show');
})
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
</script>
bootStrap实现tab页切换
最新推荐文章于 2024-08-24 18:01:28 发布