bootstrap鼠标悬停下拉菜单

栏目：笔记作者：teemo 阅读：（11565）更新于：2017-03-07 10:55

Bootstrap的下拉菜单一直都是需要点击，才会显示出来，可能不太符合大家的使用习惯，thinkphp3.2的青春博客就是的。这里的话对这里进行了优化处理。给大家分享下。

这个插件，能将点击事件切换为Hover鼠标悬停事件，这样节约了用户的操作和时间。也方便了JS比较薄弱的童鞋了。我就是其一。

Bootstrap Hover Dropdown

Bootstrap Hover Dropdown是一个非官方的Bootstrap插件，使Bootstrap下拉菜单激活悬停和提供更好的用户体验，当前版本支持最新版的Bootstrap 3，所以不必担心使用兼容的问题。

使用方法：添加data-hover="dropdown"到标签中，也可以替换Bootstrap的data-toggle="dropdown"。

当前，如果你是JS大神，JS大牛，完全可以自己写一个JS事件来处理。请略过

然后就是你们看到的效果了。因为个人原因博客更新的不是很勤快了，近期会改变。争取每周一篇吧。

，支持博主的方式就是多在博客互动的。现版本QQ登陆留言是不需要审核显示的。赶紧来评论吧。

非特殊说明，本文版权归青春博客所有，转载请注明出处.

本文标题：bootstrap鼠标悬停下拉菜单

本文网址：.

#505

佚名 2021-11-17 14:49 Unknown 广东省深圳市

echo "hello world"

#462

何必 2019-09-09 10:10 Win 10 河南省郑州市

怎么让下拉框出现在导航栏正下方呢

10/28 15:11 回复 @何必中说到：

这个可以用JS控件实现的

#113

FeiWang 2017-06-09 21:32 Win 10 湖北省武汉市

现在网站的导航就是用这个做的吗

07/07 16:09 回复 @FeiWang 中说到：

是的

#48

提拉米猪 2017-03-28 12:49 Win 7 广西壮族自治区南宁市

03/30 10:38 回复 @提拉米猪中说到：

欢迎广西的朋友

#30

羊先生 2017-03-09 13:38 Win 10 湖北省武汉市

###

03/11 17:13 回复 @羊先生中说到：

非正式数据，已替换

加载更多