YUI动画菜单

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

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

其中一个较旧的(在我使用它的时候要小心,它需要补丁)yui menubar在这个功能中使用各种事件的一系列示例:

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

我不认为这是现成的,这是一个令人讨厌的。我的另一个缺点是,一旦用户将鼠标移到某些选项上,就没有(内置的)方法可以自动隐藏子菜单。这对于可访问性是有意义的(这也是原因,根据Yui团队的说法),但是对于那些只会将其视为损坏的客户,我无能为力。