<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

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

Подписавшись по 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

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