Question

我Zotonic网站的顶级菜单渲染到位，而不像桌面应用程序菜单。

菜单中的所有项目都在屏幕上呈现，没有隐藏，看起来很糟糕。它看起来应该是一个超级鱼菜单，但我没有看到超级鱼的必要代码。我的临时解决方案是使用单级菜单，但这不符合客户的要求：（

如何在Zotonic中获得桌面式下拉菜单？

Answer 1

下载Superfish http://users.tpg.com.au/j_birch/plugins/superfish/superfish-1.4.8.zip

将superfish-1.4.8中的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 lib中省略"js/hoverIntent.js"，因为它使菜单打开速度很慢，并设置{speed: 'fast'}以使菜单立即打开。

如何在Zotonic中获得桌面式下拉菜单？

1 个答案: