bootstrap实现标签页,鼠标滑过激活当前选项卡。
来源:互联网 发布:淘宝摇一摇 编辑:程序博客网 时间:2024/05/21 10:20
要实现的效果
以下是代码
<ul class="nav nav-tabs" role="tablist" id="myTab"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li></ul><div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home">This home</div> <div role="tabpanel" class="tab-pane" id="profile">This p</div> <div role="tabpanel" class="tab-pane" id="messages">This m</div> <div role="tabpanel" class="tab-pane" id="settings">This s</div></div>
以下是js代码
<script type="text/javascript"> $(function () { $('#myTab a').hover(function () { $(this).tab('show'); }); }) </script>
完成了。
阅读全文
0 0
- bootstrap实现标签页,鼠标滑过激活当前选项卡。
- JQUERY滑动选项卡自动切换鼠标滑过选项卡标签滑动切换选项卡
- JQUERY滑动选项卡自动切换鼠标滑过选项卡标签滑动切换选项卡
- bootStrap 设置鼠标滑过背景颜色
- Bootstrap tabs选项卡实现
- Bootstrap 轻松实现选项卡
- bootstrap TAB选项卡鼠标经过滑动门效果
- Bootstrap导航栏下拉菜单鼠标滑过展开
- Bootstrap实现标签页效果
- javascript实现当前页导航激活javascript
- 四种鼠标滑过标签过滤颜色
- jQuery实现tabs(标签页/选项卡)Demo
- bootstrap选项卡效果
- Bootstrap Js选项卡
- bootstrap选项卡
- tab标签(选项卡)切换实现
- tab标签(选项卡)切换实现
- struts2之Tabbedpanel标签实现选项卡
- 通过代码设置改变radiobutton图片大小
- 人群分析综述--Crowd Scene Understanding from Video: A Survey
- 云栖大会第二天高性能计算,打call送礼
- 运维架构服务监控Open-Falcon
- 如何选择web前端培训机构?
- bootstrap实现标签页,鼠标滑过激活当前选项卡。
- 请手动释放你的资源
- 深入理解python中的元类
- FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. org/bson/convers
- reactor模式透彻理解和难点解析
- 英语-音标-1
- 机器学习技法课程学习笔记13-- Deep Learning
- Java DecimalFormat 用法(数字格式化)
- eclipse下载svn,导入项目,并操作