小 jquery 脚本。容易做。动画

发布于 2024-10-18 05:03:19 字数 322 浏览 8 评论 0原文

我有这个脚本。

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

我怎样才能改变这个脚本。该脚本首先执行下滑操作。当下滑完成后,他就会淡入淡出。现在是幻灯片和淡入淡出效果。同一时间开始。

谢谢

I have this script.

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

How can i change this script. That the script do first the slidedown. And when the slidedown is done, than he does the fadein. Now the slideshow and fadein effect. Start the same time.

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

送你一个梦 2024-10-25 05:03:19

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

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

Every animation function in jQuery supports callback function as a second argument that is fired once the animation is complete. Thus, you can chain animations like this to have them execute one after another:

$("#menu li a.nieuwsbriefaanmelden").click(function() {
    $("#nieuwsbrief").slideDown(600, function() {;
         $("#nieuwsbrief form").fadeIn(600);
     });
});
烧了回忆取暖 2024-10-25 05:03:19

Tatu Ulmanen 的答案非常适合简单的示例。如果您想要变得更复杂,并且有更多的效果排队,请查看 jQuery API - .queue( )对 .queue() 的良好概述 (也在 Stack Overflow 上)。

Tatu Ulmanen's Answer is perfect for simple examples. If you want to get more complicated, and have more effects queued up, take a look at jQuery API - .queue() and a good overview of .queue() (also on Stack Overflow).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文