我的Zotonic網站中的頂級菜單呈現就位,不會像桌面應用程序菜單那樣操作。如何在Zotonic中獲得桌面風格的下拉菜單?
菜單中的所有項目都在屏幕上呈現,沒有隱藏,看起來很糟糕。它看起來應該是一個超級魚菜單,但我沒有看到superfish工作的必要代碼。我的權宜的解決辦法是有一個單級菜單,但不符合哪些客戶正在尋找:(
我如何獲得Zotonic桌面式下拉菜單?
我的Zotonic網站中的頂級菜單呈現就位,不會像桌面應用程序菜單那樣操作。如何在Zotonic中獲得桌面風格的下拉菜單?
菜單中的所有項目都在屏幕上呈現,沒有隱藏,看起來很糟糕。它看起來應該是一個超級魚菜單,但我沒有看到superfish工作的必要代碼。我的權宜的解決辦法是有一個單級菜單,但不符合哪些客戶正在尋找:(
我如何獲得Zotonic桌面式下拉菜單?
下載文件superfish-1.4.8.zip
superfish-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'}
使菜單立即打開。