<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру 2.0

PHP и MySQL с Нуля до Гуру 2.0

Данный курс научит Вас программировать на самом популярном Web-языке в мире - PHP. Курс состоит из 11 разделов, в которых с нуля рассказывается и показывается процесс написания различных скриптов на PHP.

В курсе Вы узнаете всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Почти к каждому уроку идут упражнения.

Просмотрев данный курс, Вы сможете создавать абсолютно любые PHP-сайты любой сложности.

Подробнее
Уроки и статьи
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

очередь в анимации
22.11.2013 13:12:52 очередь в анимации Сообщение #1
Дмитрий184

Дмитрий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)
})
})
})
})

Профиль Ответить
22.11.2013 14:29:36 очередь в анимации Сообщение #2
tikkiwiki

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>

И в дальнейшем пишите в службу поддержки.

С Уважением, Александр Пархоменко.
Служба поддержки Михаила Русакова.
Профиль Ответить
22.11.2013 23:07:42 очередь в анимации Сообщение #3
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Александр! Большое спасибо! Все работает!
Профиль Ответить