javascript - 带有动画的 YUI 菜单

Question

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

Answer 1

有缘由。您应该为小部件设置 SLIDE 效果。

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

Answer 2

一个较旧的（在我使用它时要小心，它需要补丁）系列示例，用于使用各种事件在此功能中进行 YUI MenuBar hack：

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

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