jq 多个div从右向左依次显示,使用jQuery .animate从右到左为div设置动画？

可以使用以下代码实现：

HTML代码：

<div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

CSS代码：

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100px;
}

.box {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  background-color: #ccc;
  display: none;
}

jQuery代码：

$(document).ready(function() {
  var delay = 500;

  $(".box").each(function(index) {
    $(this).delay(delay * index).fadeIn(500).animate({
      right: "+=100px"
    }, 1000);
  });
});

这段代码使用了 `delay()` 方法来设置每个 `div` 元素的延迟时间，使它们依次从右到左显示。然后使用 `fadeIn()` 方法和 `animate()` 方法来为每个 `div` 设置动画效果。