Question

我无法使用这个下拉菜单来缓慢地设置动画，甚至做任何事情。

$(document).ready(function () {
    $( #menu > li ).hover(function () { $( ul:first , this).show(); },
                           function () { $( ul:first , this).hide(); }
    );

    $( #menu li li ).hover(function () {
        $( ul:first , this).each(function () {
            var p = $(this).parent();
            $(this).animate( top , p.position().top)
                   .animate( left , p.position().left + p.width())
                   .show();
        });},
        function () { $( ul:first , this).hide(); }
    );
});

Answer 1

jQuery的＜code＞animate（）＜/code＞需要一个CSS属性的对象/“映射”。第二个参数以毫秒为单位定义动画的持续时间。

您的示例看起来像这样（-在2000ms内设置顶部和左侧属性的动画）：

$(this)
    .show()
    .stop() // see below
    .animate({
         top : p.position().top,
         left : p.position().left + p.width()
    }, 2000);

如果您从悬停处理程序中调用动画，您可能需要同时查看stop（）。

提示：docs是解决此类问题的简单方法。

友情链接