Дмитрий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)
})
})
})
})
tikkiwiki
Модератор
Дата регистрации:
15.11.2013 15:36:59
Сообщений: 194
Здравствуйте Дмитрий. Попробуйте так.
<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>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(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)
$(this).dequeue();
$('.c3').queue(function(){
$('.c2').animate({marginLeft:'300px'},3000)
$(this).dequeue();
})
})
$(this).dequeue();
})
})
</script>
И в дальнейшем пишите в службу поддержки.
С Уважением, Александр Пархоменко.
Служба поддержки Михаила Русакова.
Дмитрий184
Мастер
Дата регистрации:
29.06.2012 08:48:56
Сообщений: 225
Александр! Большое спасибо! Все работает!