JSP页面中的tab页

最新推荐文章于 2024-04-24 09:22:16 发布

weixin_30757793

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量1.3k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jiangyy/p/3599176.html

版权

首先下载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

转载于:https://www.cnblogs.com/jiangyy/p/3599176.html

weixin_30757793

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JSP页面中的tab页

首先下载bootstrap-tab.js和bootstrap.min.css<script type="text/javascript">$('#myTab a').click(function (e) { e.preventDefault(); $(this).tab('show'); });</script><body>&l...
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。