jQuery LavaLamp下拉列表

jQuery LavaLamp下拉列表,jquery,drop-down-menu,hover,lavalamp,Jquery,Drop Down Menu,Hover,Lavalamp,我在寻找解决方案,但不幸的是,我找不到任何解决方案 它是关于保持浮动边界的。当您指向子元素时​​菜单,边框运行到position.active li(取决于哪个页面处于活动状态-例如:如果主页处于运行状态,“home”得到的类为活动) 如果它停留在指示光标的元素上就好了 lavalamp来源:http://chiroandmelinda.com/jscripts/lavalamp-0.2.0/demo.html //编辑 有没有办法更改“后退”和“移动”功能 来源-我自己解决问题:) 这是我的

我在寻找解决方案,但不幸的是,我找不到任何解决方案

它是关于保持浮动边界的。当您指向子元素时​​菜单,边框运行到position.active li(取决于哪个页面处于活动状态-例如:如果主页处于运行状态,“home”得到的类为活动)

如果它停留在指示光标的元素上就好了

lavalamp来源:
http://chiroandmelinda.com/jscripts/lavalamp-0.2.0/demo.html

//编辑

有没有办法更改“后退”和“移动”功能

来源-

我自己解决问题:)

这是我的解决办法 如果在下拉菜单中悬停某些li元素后不希望浮动边框向左移动,则必须为主ul中的所有主li元素设置“dummy”类(不在子菜单中!)

例如(我使用class=“mainNav”)

找到后,只需将其更改为如下代码:

$li = $(".mainNav", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
我将第一个
$(.li,this)
更改为
$(.mainNav,this)
之后,疯狂的浮动边框(LavaLamp)仅在class=“mainNav”元素周围浮动!不在li元素周围:)

这里有一些

我将所有lavalamp.js代码粘贴到javascript窗口,以便直接使用主要问题元素进行操作

你可以看到我已经在第9行写了“.mainNav” 但是你可以把它改成‘li’,看看第一个和第二个有什么区别。
希望我能帮上忙:)

您必须修改添加到小提琴中的
jquery.lavalamp.min.js
。试着玩一下
后退
移动
功能(非常感谢您的提示!)
$li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
$li = $(".mainNav", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];