Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2017-02-05 14:47
495 查看
默认的bootstrap的二级或多级菜单是点击才出现的。那么如果你想点击时跳转页面,就只能是实现点击出现下拉菜单,页面跳转失效。
如何实现点击跳转页面,鼠标滑过出现下级菜单呢??
你就需要修改Bootstrap.js里面的一个js。你也可以在自己的页面中覆盖原来的js啦
$(document).ready(function(){
$(document).off('click.bs.dropdown.data-api');
});
鼠标滑过的效果就可以直接用css来写。
.nav > li:hover .dropdown-menu { display: block; }
如何实现点击跳转页面,鼠标滑过出现下级菜单呢??
你就需要修改Bootstrap.js里面的一个js。你也可以在自己的页面中覆盖原来的js啦
$(document).ready(function(){
$(document).off('click.bs.dropdown.data-api');
});
鼠标滑过的效果就可以直接用css来写。
.nav > li:hover .dropdown-menu { display: block; }
相关文章推荐
- 实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- Bootstrap学习笔记(5)--实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- 实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- 实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- 实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- 实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
- Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
- Bootstrap导航条可点击和鼠标悬停显示下拉菜单
- Bootstrap导航条鼠标悬停下拉菜单
- Bootstrap 中下拉菜单修改成鼠标悬停直接显示 原创
- Bootstrap导航条鼠标悬停下拉菜单
- bootstrap 导航栏鼠标悬停显示下拉菜单
- Bootstrap 中下拉菜单修改成鼠标悬停直接显示[原创]_javascript技巧_脚本之家
- Selenium操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- 鼠标悬停时反白显示的导航条代码(原创)
- bootstrap 中popover的鼠标悬停下拉菜单效果
- Selenium笔记---鼠标悬停显示二级菜单 点击下拉列表
- Python+Selenium 操作示例——鼠标悬停显示二级菜单,再点击二级菜单或下拉列表
- bootstrap实现鼠标悬停下拉菜单