Javascript 使用动画和每个用于迭代动画

Javascript

$(document).ready(function() {  
$(".container").animate({left:'120px'}, 6000).queue(function(next){
$(".child").css('display', 'none'); 
});
}); 

上面的脚本为长方体设置动画，然后在动画完成后将其隐藏。 问题是我有一组完全相同的盒子，我想给每个盒子设置动画。我正在尝试使用。每个都能让它工作，但到目前为止它根本不工作。 因此，为了再次强调我的问题，我想按时间顺序（html vise，首先在顶部，然后在下一个）一个接一个地设置一组相同框的动画，然后隐藏设置css属性和值的框。这适用于一个盒子，但不适用于多个盒子。我试过使用。每一个，但没有好消息*

HTML

<div class="container">
<div class="child"></div>
<div class="child"></div>
</div>

要淡入淡出div时，请调用animate

---

当你想淡入淡出你的div时调用animate，你也可以这样做

<script>
$(document).ready(function() {  
$(".container").animate({left:'120px'}, 6000).queue(function(next){
var childs = $('.child'),
    i = 0;
(function() {
  $(childs[i++]).hide('slow',arguments.callee);
})();
});
});
</script>

$（文档）.ready（函数（）{
$（“.container”）.animate（{left:'120px'}，6000）.queue（函数（下一个）{
var childs=$（'.child'），
i=0；
（功能（）{
$（childs[i++]）.hide（'slow'，arguments.callee）；
})();
});
});

---

希望这能帮助你

你也可以这样做

<script>
$(document).ready(function() {  
$(".container").animate({left:'120px'}, 6000).queue(function(next){
var childs = $('.child'),
    i = 0;
(function() {
  $(childs[i++]).hide('slow',arguments.callee);
})();
});
});
</script>

$（文档）.ready（函数（）{
$（“.container”）.animate（{left:'120px'}，6000）.queue（函数（下一个）{
var childs=$（'.child'），
i=0；
（功能（）{
$（childs[i++]）.hide（'slow'，arguments.callee）；
})();
});
});

---

希望这能帮助您

您能提供一个为什么使用

.queue（）

？

.animate（）

方法为您提供了一个回调选项。要确保在最后应用css吗？它起作用了！这是最重要的一点，您可以提供一个为什么要使用

.queue（）

？

.animate（）

方法为您提供了一个回调选项。要确保在最后应用css吗？它起作用了！这是最重要的