带动画的 YUI 菜单

Question

是否可以让 YUI 菜单滑入而不是简单地弹出？

Answer 1

一个较旧的（小心我使用它的时候，它需要补丁）系列示例之一，用于使用各种事件来实现此功能的 YUI MenuBar hacks：

http://developer.yahoo.com/yui/examples/menu/topnavfrommarkupwithanim.html

我认为这不是开箱即用的，这是一个无赖。 我的另一个烦恼是，一旦用户将鼠标悬停在某些选项上，就没有（内置）方法自动隐藏子菜单。 这对于可访问性来说是有意义的（根据 YUI 团队的说法，这也是它之所以如此的原因），但是对于那些只会将其视为损坏的客户，我无能为力。

Answer 2

有原因的。 您应该为小部件设置幻灯片效果。

var oMenu = new YAHOO.widget.Menu( 
                        "productsandservices",  
                        { 
                            position: "static",  
                            hidedelay: 750,  
                            lazyload: true,  
                            effect: {  
                                effect: YAHOO.widget.ContainerEffect.SLIDE, 
                                duration: 0.25 
                            }  
                        } 
                );