JSP页面中的tab页

首先下载bootstrap-tab.js和bootstrap.min.css

<script type="text/javascript">
$(‘#myTab a‘).click(function (e) {
    e.preventDefault();
    $(this).tab(‘show‘);
    });

</script>

<body>

<ul class="nav nav-tabs" style="float:left;">
    <li><a href="javascript:test()" data-toggle="tab">首页</a></li>
    <li><a href="#profile" data-toggle="tab">Profile</a></li>
    <li><a href="#messages" data-toggle="tab">Messages</a></li>
    <li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>

</body>

 

参考:http://blog.chinaunix.net/uid-25979788-id-3757108.html

JSP页面中的tab页,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。