首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法让两个jQuery动画同时运行(正确)?

当然可以!要让两个jQuery动画同时运行,可以使用jQuery的.queue()方法。这个方法允许您将一系列的函数添加到jQuery的动画队列中,从而使它们按顺序执行。以下是一个示例:

代码语言:javascript
复制
$(document).ready(function() {
  // 第一个动画
  $("#element1").animate({
    width: "50%"
  }, 500);

  // 第二个动画
  $("#element2").animate({
    height: "50%"
  }, 500);
});

在这个示例中,#element1#element2是两个不同的HTML元素。第一个动画将#element1的宽度设置为50%,而第二个动画将#element2的高度设置为50%。这两个动画将同时执行,因为它们是在同一个队列中。

如果您想要更多地控制动画的执行顺序,可以使用.delay()方法来设置动画之间的延迟。例如,如果您想要在第一个动画完成后等待1秒钟再执行第二个动画,可以这样做:

代码语言:javascript
复制
$(document).ready(function() {
  // 第一个动画
  $("#element1").animate({
    width: "50%"
  }, 500);

  // 等待1秒钟
  $("#element1").delay(1000);

  // 第二个动画
  $("#element2").animate({
    height: "50%"
  }, 500);
});

这将使得#element1的宽度动画在执行完成后等待1秒钟,然后#element2的高度动画才开始执行。

总之,要让两个jQuery动画同时运行,可以使用.queue()方法将它们添加到同一个队列中。如果您需要更多地控制动画的执行顺序,可以使用.delay()方法来设置动画之间的延迟。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券