jQuery LavaLamp drop down

我正在寻找解决方案，但不幸的是我找不到任何解决方案。jQuery LavaLamp drop down

这是关于维护浮动边框。当您指向子菜单的元素时，边界将运行到.active li的位置（取决于哪个页面处于活动状态 - 例如：如果主页正在运行，“Home”已获得class = active）。

如果它停留在指示光标的元素上，它会很好。

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

my code

//编辑

有没有什么办法改变 '返回' 和 '移动' 的功能呢？

源 - jquery.easing.min.js

来源

2013-07-29 Borys Rybak

你将不得不改变你添加到你的小提琴'jquery.lavalamp.min.js'。尝试玩'back'和'move'功能 –

非常感谢您的提示！ :) –

我解决问题，我自己:)

这里是我的解决方案如果你不想浮动边界那张留下您悬停一些li元素在你的下拉菜单中，你必须设置后'虚拟'类的所有主要元素在主ul中（不在子菜单中！）

EG （我使用类= “mainNav”）

<ul> 
    <li class="mainNav">Home</li> 
    <li class="mainNav">About Us</li> 
    <li class="mainNav">Portfolio</li> 
    <ul> 
     <li>1</li> 
     <li>2</li> 
    </ul> 
    <li class="mainNav">Contact</li> 
</ul>

之后我的意思是在jquery.lavalamp.min.js

MAIN FILE

当你必须更改jQueryLavaLamp源一定的价值看看这个代码（jquery.lavalamp.min.js）你必须搜索这样的原始文件中的第63行，即：

$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];

我改变第一$(".li", this)到$(".mainNav", this) 后疯狂浮动边界（LavaLamp的）左右浮动类=“mainNav” ONLY元素！绕不李元素:)

下面是一些JSFIDDLE

我粘贴所有lavalamp.js代码JavaScript的窗口直接与主要的问题元件动作。

你可以看到我写的第9行已经是“.mainNav”，但是你可以把它改成'li'，看看第一个和第二个之间的区别是怎么样的。希望我可以帮助:)

来源

2013-08-01 01:42:52

jQuery LavaLamp drop down

回答

相关问题