任何人都知道,當用戶將鼠標懸停在父菜單項上時,可以使用drupal菜單進行擴展。drupal展開式懸停菜單
回答
寫了這個jQuery的位,它做了伎倆;
<style>
ul.menu li.expanded ul.menu { display:none;}
ul.menu li.active-trail ul.menu{ display:block;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$("li.expanded").mouseenter(function(){
$("li.expanded").each(function() {
$(this).find("ul.menu").css('display','none');
});
$(this).find("ul.menu").css('display','block');
$(this).animate({'height':'100%'},1500);
});
</script>
一些主題來與可展開的菜單。基於融合(http://drupal.org/project/fusion)或自適應主題(http://drupal.org/project/adaptivetheme)的任何主題都會爲您提供可擴展的下拉菜單。查看鏈接以查看哪些主題基於上述主題。
要啓用下拉菜單,只需確保菜單項的市場爲「展開」即可。
不需要安裝任何額外的模塊或弄亂主題代碼。簡單。
是的,我可以將它設置爲擴展,但那是靜態的 - 我希望它在用戶徘徊時擴展...理想情況下,一個不錯的jQuery,所以它下滑? – Shane 2010-10-18 11:27:23
這就是爲什麼你應該使用aqua marina主題(http://drupal.org/project/acquia_marina)。它是一個基於融合的主題(http://drupal.org/project/fusion),支持jQuery下拉菜單「開箱即用」 – 2010-10-18 12:08:16
網站現在已經建成 - 所以這不是我的解決方案,我目前寫一些jQuery來做到這一點,我會完成後發佈。 – Shane 2010-10-18 14:45:51
- 1. CSS3菜單展開,懸停
- 2. 懸停時的展開式菜單
- 3. 默認展開Drupal菜單
- 4. CSS展開式菜單在IE中懸停時崩潰11
- 5. Drupal 8顯示懸停子菜單
- 6. 菜單子菜單懸停
- 7. CSS:展開懸停
- 8. 展開div懸停
- 9. 如何使下拉菜單展開時,我將它懸停
- 10. jQuery懸停菜單
- 11. jQuery菜單懸停
- 12. jquery菜單懸停
- 13. 懸停子菜單
- 14. jQuery懸停菜單
- 15. 菜單上懸停
- 16. jquery懸停菜單
- 17. 將CSS下拉菜單打開:懸停
- 18. Bootstrap Tab懸停菜單懸停
- 19. 懸停在懸停的CSS菜單
- 20. 展開式動畫菜單
- 21. Navbar懸停的響應式(navicon菜單)
- 22. twitter bootstrap響應式菜單懸停
- 23. 展開懸停內容
- 24. 展開懸停區域?
- 25. 子菜單是不開放的菜單懸停
- 26. 關閉懸停的jquery菜單中的子菜單打開
- 27. jQuery:懸停菜單 - 代碼清理 - 保持菜單打開
- 28. 下拉菜單/懸停菜單
- 29. CSS懸停菜單飛出菜單
- 30. 菜單子菜單懸停效果
可擴展菜單通常很容易,標記的樣子是什麼樣子?你能夠使用自己的CSS,還是你需要它成爲Drupal插件? – 2010-10-17 13:07:57
是的,我可以將它設置爲擴展,但那是靜態 - 我希望它在用戶徘徊時擴展...理想情況下,一個不錯的jQuery,所以它下滑? – Shane 2010-10-18 11:27:56