Bootstrap 中下拉菜单修改成鼠标悬停直接显示 <font color=r
发布时间：2020-12-18 00:57:03 所属栏目：安全 来源：网络整理
导读：最近公司做网页用到Bootstrap的菜单功能，要实现鼠标悬停显示二级菜单，于是就研究了一下，大概有两种方法。 第一种方法：修改样式表 实际上比较简单，只需要加一个css设置下hover的状态，把下拉菜单设置成block，具体css： 代码如下: li:hover .dropdown-me
|
最近公司做网页用到Bootstrap的菜单功能，要实现鼠标悬停显示二级菜单，于是就研究了一下，大概有两种方法。 第一种方法：修改样式表实际上比较简单，只需要加一个css设置下hover的状态，把下拉菜单设置成block，具体css： 代码如下: li:hover .dropdown-menu {display: block;}
这句css加在bootstrap.min.css之后出现的css中，你试下！ 缺点： 1.相应的顶级菜单不可点击 2.鼠标滑到二级菜单后，顶级菜单没有样式 第二种方法：利用JQuery的特性来实现结合了网上的教程，利用JQuery中的两个事件就可以解决问题，具体css： 代码如下: （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |