我在很多網站上看到過這個菜單效果,但我不知道是否有插件/教程來製作這樣的東西? 看到這個例子: http://www.elegantthemes.com/preview/TheProfessional/如何使用jQuery製作此菜單效果?
-1
A
回答
0
Lava Lamp是你的答案。
然而,你可以在這裏找到一些其他很酷的jQuery動畫菜單插件:36-eye-catching-jquery-navigation-menus
0
我想你想LavaLamp JQuery插件。
0
首先你絕對或相對定位菜單div。
菜單div有兩個子元素:一個是文本項的div(我們稱之爲Text),另一個是動畫追逐元素的div(我們稱之爲Chaser)。
將追蹤器設置爲絕對定位,並將文本設置爲相對定位。
將文本設置爲比追趕者具有更高的z-index。
對於每個文本元素,使用jquery將懸停回調綁定到它。
懸停回調錶示「找到正在懸停的元素的偏移量;告訴Chaser將其位置設置爲與該偏移量匹配」。
1
相關問題
- 1. 如何在unity3d中製作具有此效果的菜單?
- 2. 如何在此菜單欄上應用手風琴jquery效果?
- 3. 如何使用jQuery製作dropup菜單
- 4. 如何將懸停效果添加到使用jQuery的菜單
- 5. 如何僅使用ul,li和css來製作此菜單?
- 6. 如何使用HTML和CSS製作此菜單
- 7. 使用jQuery製作下拉菜單
- 8. 如何製作jquery/css比例效果
- 9. 如何製作實時jQuery效果?
- 10. 如何製作jquery彈出式菜單
- 11. 如何製作Jquery菜單生成器
- 12. 如何使用循環制作菜單
- 13. 如何使用css或css + jquery製作懸停效果
- 14. 如何重構此jQuery淡入效果?
- 15. 如何使用jQuery製作下拉菜單
- 16. 如何製作類似於NFL.com使用jQuery的菜單?
- 17. 如何使用jQuery手風琴製作嵌套垂直菜單?
- 18. 如何製作jQuery滑動菜單的子菜單?
- 19. 如何使用javascript創建此效果?
- 20. 製作iOS瀏覽器時,如何調用此菜單?
- 21. jQuery的菜單效果出了錯
- 22. Jquery效果延遲了固定菜單
- 23. jQuery大型菜單滑動效果
- 24. 使用JS的菜單過渡效果
- 25. 如何使用JQuery實現此傳送帶效果?
- 26. 如何使用jQuery實現此導航切片效果?
- 27. 如何實現子菜單效果?
- 28. 如何使用jQuery在此遞歸菜單中處理懸停?
- 29. 如何製作菜單
- 30. 使用jQuery下拉菜單的惡劣效果
非常感謝! 這絕對是我一直在尋找:) – Newbie 2011-04-16 17:19:58