Bootsrap下拉菜单实现Hover下拉效果

Posted 拍空格

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootsrap下拉菜单实现Hover下拉效果相关的知识,希望对你有一定的参考价值。

直接将下面代码Copy过去就行:

<script type="text/javascript">
$(‘ul.nav li.dropdown‘).hover(function () {
$(this).find(‘.dropdown-menu‘).stop(true, true).delay(200).fadeIn(500);
}, function () {
$(this).find(‘.dropdown-menu‘).stop(true, true).delay(200).fadeOut(500);
});
</script>

注意js代码需要放置在下拉标签的后面


 

北清论文网-中国领先的应届毕业生论文网站

北清论文网】【我要毕业啦论文网

以上是关于Bootsrap下拉菜单实现Hover下拉效果的主要内容,如果未能解决你的问题,请参考以下文章

jquery实现简易大气3D导航下拉菜单菜单栏效果

jQuery 如何实现 “鼠标悬浮下拉菜单” 效果?

下拉菜单消失前的延迟

单击触摸设备 (iPad/iPhone) 上的任意位置以隐藏由 .hover() 切换的下拉菜单

WPF 下拉框选项做鼠标 Hover 预览效果

悬停“向右下拉”菜单