您的位置:首页 > Web前端 > BootStrap

Bootstrap导航条可点击和鼠标悬停显示下拉菜单

2017-02-05 14:47 429 查看
默认的bootstrap的二级或多级菜单是点击才出现的。那么如果你想点击时跳转页面,就只能是实现点击出现下拉菜单,页面跳转失效。

如何实现点击跳转页面,鼠标滑过出现下级菜单呢??

你就需要修改Bootstrap.js里面的一个js。你也可以在自己的页面中覆盖原来的js啦

$(document).ready(function(){

    $(document).off('click.bs.dropdown.data-api');

});

鼠标滑过的效果就可以直接用css来写。

.nav > li:hover .dropdown-menu { display: block; }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: