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

回答

相關問題