如何在Zotonic中獲得桌面風格的下拉菜單？

Question

我的Zotonic網站中的頂級菜單呈現就位，不會像桌面應用程序菜單那樣操作。

菜單中的所有項目都在屏幕上呈現，沒有隱藏，看起來很糟糕。它看起來應該是一個超級魚菜單，但我沒有看到superfish工作的必要代碼。我的權宜的解決辦法是有一個單級菜單，但不符合哪些客戶正在尋找:(

我如何獲得Zotonic桌面式下拉菜單？

Answer 1

下載文件superfish-1.4.8.zipsuperfish-1.4.8文件夾的快魚http://users.tpg.com.au/j_birch/plugins/superfish/superfish-1.4.8.zip

提取內容priv/sites/default/lib/

以下內容添加到priv/sites/default/templates/base.tpl：

{% lib "css/superfish.css" "css/superfish-navbar.css" "css/zp-compressed.css" "css/zp-project.css" "css/zp-menu.css" %} 
{% lib "js/apps/modernizr.js" "js/jquery-1.4.2.min.js" "js/superfish.js" %} 
<script type="text/javascript"> 
    // initialise plugins 
    jQuery(function(){ 
     jQuery('ul.do_superfish').addClass('sf-menu').superfish({speed: 'fast'}); 
}); 
</script> 

scomp_menu_menu.erl套do_superfish作爲一個類上的而不是sf-menu所以我用addClass('sf-menu')來彌補。

我忽略了JS庫中的"js/hoverIntent.js"，因爲它使得菜單非常慢地打開並且設置{speed: 'fast'}使菜單立即打開。