2010-10-17 69 views
2

任何人都知道,當用戶將鼠標懸停在父菜單項上時,可以使用drupal菜單進行擴展。drupal展開式懸停菜單

+0

可擴展菜單通常很容易,標記的樣子是什麼樣子?你能夠使用自己的CSS,還是你需要它成爲Drupal插件? – 2010-10-17 13:07:57

+0

是的,我可以將它設置爲擴展,但那是靜態 - 我希望它在用戶徘徊時擴展...理想情況下,一個不錯的jQuery,所以它下滑? – Shane 2010-10-18 11:27:56

回答

2

寫了這個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> 
1

如果您希望有一個下拉菜單,例如this網站,請參閱Drupal的Nice菜單模塊。它非常易於使用。有關該模塊的文檔和信息,您可以找到here

希望這是你在找什麼:)

問候

0

一些主題來與可展開的菜單。基於融合(http://drupal.org/project/fusion)或自適應主題(http://drupal.org/project/adaptivetheme)的任何主題都會爲您提供可擴展的下拉菜單。查看鏈接以查看哪些主題基於上述主題。

要啓用下拉菜單,只需確保菜單項的市場爲「展開」即可。

不需要安裝任何額外的模塊或弄亂主題代碼。簡單。

+0

是的,我可以將它設置爲擴展,但那是靜態的 - 我希望它在用戶徘徊時擴展...理想情況下,一個不錯的jQuery,所以它下滑? – Shane 2010-10-18 11:27:23

+0

這就是爲什麼你應該使用aqua marina主題(http://drupal.org/project/acquia_marina)。它是一個基於融合的主題(http://drupal.org/project/fusion),支持jQuery下拉菜單「開箱即用」 – 2010-10-18 12:08:16

+0

網站現在已經建成 - 所以這不是我的解決方案,我目前寫一些jQuery來做到這一點,我會完成後發佈。 – Shane 2010-10-18 14:45:51