Question

我在wordpress主题中需要与此网站http://www.salesforce.com/aloha.jsp相同的菜单。多级下拉鼠标悬停。任何人都知道和技巧，技术或wp-plugin todo就像这样。

Answer 1

您也可以使用Suckerfish method直接在CSS中执行此操作。

这是alternate version声称更容易访问的内容。

编辑：此外，还有good article by Jakob Nielsen on dropdown heuristics。

Answer 2

如果您可以将jQuery集成到wordpress博客，那么您可以使用superfish jquery插件，如演示here。单击示例，然后单击导航栏样式（由于某种原因，我无法直接链接）。

Answer 3

我们都知道Dropdown应该流畅且易于集成，因此我们将使用Superfish jQuery导航为我们的主题创建一个。 Superfish是一个suckerfish风格的下拉菜单解决方案，由jQuery框架提供支持。它由Joel Birch开发并免费提供。 Superfish需要jQuery框架才能工作。

在这里，您将找到有关如何在Wordpress中实施Superfish导航的完整指南 http://www.tec-talk.com/integrate-superfish-dropdown-with-wp_nav_menu-how-to.html

Answer 4

Slide down and slide up all tears of wordpress menu items on click function:

<script> 
jQuery('.sub-menu').hide(); 
jQuery(document).ready(function($){
  jQuery('li.menu-item-has-children a').on("click", function(e){ 
    e.stopPropagation();
    e.preventDefault(); 
    if(!$(this).closest('li').hasClass('menu-item-has-children')){
       window.location.href = $(this).attr('href');
        } 
    jQuery(this).next('.sub-menu').slideToggle();
  });
}); 
</script>

如何在wordpress主题中制作多级下拉导航？

4 个答案: