小 jquery 脚本。很容易做到。动画

Posted 2023-05-08

【中文标题】小 jquery 脚本。很容易做到。动画

【英文标题】：small jquery script. Easy to do. Animate

【发布时间】：2011-06-29 20:56:19

【问题描述】：

我有这个脚本。

$("#menu li a.nieuwsbriefaanmelden").click(function()
                
                    $("#nieuwsbrief").slideDown(600);
                    $("#nieuwsbrief form").fadeIn(600);
                );

如何更改此脚本。该脚本首先执行向下滑动。当滑下完成时，他会淡入淡出。现在幻灯片和淡入淡出效果。同时开始。

谢谢

【参考方案1】：

jQuery 中的每个动画函数都支持回调函数作为动画完成后触发的第二个参数。因此，您可以像这样链接动画，让它们一个接一个地执行：

$("#menu li a.nieuwsbriefaanmelden").click(function() 
    $("#nieuwsbrief").slideDown(600, function() ;
         $("#nieuwsbrief form").fadeIn(600);
     );
);

【参考方案2】：

Tatu Ulmanen's Answer 非常适合简单的示例。如果您想变得更复杂，并有更多效果排队，请查看jQuery API - .queue() 和good overview of .queue()（也在 Stack Overflow 上）。