22.11.2013 13:12:52 очередь в анимации Сообщение #1
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Здравствуйте! Я написал скрипт (на jquery) - двигаются объекты - сначала двигается 1 объект, после его остановки двигается 2 объект, после его остановки двигается третий объект, и после 3 объекта должен снова начать двигаться 2 объект, но 2 объект не двигается, хотя он добавлен в очередь. Подскажите, пожалуйста, как можно задать движение 2 объекту?
<style type="text/css">
p {
width: 50px;
height: 50px;
background: #00f;
}
</style>
<body>
<p class="c1">
</p>
<p class="c2">
</p>
<p class="c3">
</p>
</body>
$(document).ready(function(){
$('.c1').animate({marginLeft:'400px'},3000)
$('.c1').queue(function(){
$('.c2').animate({marginLeft:'600px'},3000)
$('.c2').queue(function(){
$('.c3').animate({marginTop:'-100px'},1000).animate({marginLeft:'450px'},3000)
$('.c3').queue(function(){
$('.c2').animate({marginLeft:'300px'},1000)
})
})
})
})
<style type="text/css">
p {
width: 50px;
height: 50px;
background: #00f;
}
</style>
<body>
<p class="c1">
</p>
<p class="c2">
</p>
<p class="c3">
</p>
</body>
$(document).ready(function(){
$('.c1').animate({marginLeft:'400px'},3000)
$('.c1').queue(function(){
$('.c2').animate({marginLeft:'600px'},3000)
$('.c2').queue(function(){
$('.c3').animate({marginTop:'-100px'},1000).animate({marginLeft:'450px'},3000)
$('.c3').queue(function(){
$('.c2').animate({marginLeft:'300px'},1000)
})
})
})
})
