JSP页面中的tab页
2024-09-28 18:11:40
首先下载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
最新文章
- JS定义数组，初始化
- CSS常用背景图片定位方法
- Linux文件类型及如何查看，修改文件读写权限
- shell <<EOF
- 【sinatra】安装测试
- 【Shell脚本学习16】Shell if else语句
- C# 二叉查找树实现
- public、protected、default、private区别
- 【C++笔记】explicit 指定符
- <FAT文件系统> -- DBR
- java学习（二）
- Http和RPC区别
- Python 爬58同城 城市租房信息
- OneNET麒麟座应用开发之六：与气体质量流量控制器通讯
- 构建第一个 Spring Boot 工程
- springcloud问题随笔
- day17常用模块1记忆
- Eclipse 进入代码定位文件位置
- haproxy 作为反向代理被攻击
- HDU 1715 （大数相加，斐波拉契数列）