Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.09.2011, 15:46
Кандидат Javascript-наук
Отправить личное сообщение для Beriagts Посмотреть профиль Найти все сообщения от Beriagts
 
Регистрация: 31.07.2011
Сообщений: 118

Как организуется очередь .animate
Дайте пример для двух анимации, а то немного не пойму :
1. .animate(top)
1. .animate(left)
Ответить с цитированием
  #2 (permalink)  
Старый 07.09.2011, 15:53
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

сначала будет первая, потом вторая. что непонятного?
Ответить с цитированием
  #3 (permalink)  
Старый 07.09.2011, 15:58
Кандидат Javascript-наук
Отправить личное сообщение для Beriagts Посмотреть профиль Найти все сообщения от Beriagts
 
Регистрация: 31.07.2011
Сообщений: 118

у меня они вместе происходят, а надо типа сначала заканчивается одна потом вторая
Ответить с цитированием
  #4 (permalink)  
Старый 07.09.2011, 16:02
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

<div style="position:absolute; top:0;left:0;">olo</div>

<script src="http://yandex.st/jquery/1.6.3/jquery.min.js"></script>
<script>
$("div").animate({top:100}, 1000).animate({left:300}, 1000)
</script>


если же элементов несколько, то надо делать через отложенные вызовы

<div style="position:absolute; top:0;left:0;padding:5px;border: 2px green solid" id="a">A</div>
<div style="position:absolute; top:0;left:0;padding: 5px; border: 2px red solid;" id="b">B</div>

<script src="http://yandex.st/jquery/1.6.3/jquery.min.js"></script>
<script>

$("#a").animate({top:100}, 1000).animate({left:300}, 1000,"linear", function(){ 
   $("#b").animate({top:100}, 1000).animate({left:300}, 1000)
});

</script>


в мануалах всё написано

Последний раз редактировалось melky, 07.09.2011 в 16:05.
Ответить с цитированием
  #5 (permalink)  
Старый 07.09.2011, 16:04
Аватар для kadabrik
Кандидат Javascript-наук
Отправить личное сообщение для kadabrik Посмотреть профиль Найти все сообщения от kadabrik
 
Регистрация: 10.12.2010
Сообщений: 114

Очередь построится только если ты оба animate применишь к одному и тому же елементу. Для того чтобы второй animate выполнился после первого, если они применены для разных элементов, вызови его в callback функции первого animate.
Ответить с цитированием
  #6 (permalink)  
Старый 07.09.2011, 16:05
Кандидат Javascript-наук
Отправить личное сообщение для Beriagts Посмотреть профиль Найти все сообщения от Beriagts
 
Регистрация: 31.07.2011
Сообщений: 118

понял что не много недописал
$('div1').animate(top)
$("div2").animate(left)
Ответить с цитированием
  #7 (permalink)  
Старый 07.09.2011, 16:07
Аватар для kadabrik
Кандидат Javascript-наук
Отправить личное сообщение для kadabrik Посмотреть профиль Найти все сообщения от kadabrik
 
Регистрация: 10.12.2010
Сообщений: 114

$('div1').animate({top: 100},function(){$("div2").animate({left: 100})})
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как создать таймер, как на Letitbit? free_style Javascript под браузер 1 01.07.2010 17:55
While как условные выражения Latro Общие вопросы Javascript 23 27.06.2010 14:53
Как сделать такое fancy menu uonax Элементы интерфейса 2 22.05.2010 12:52
Как сделать электронный каталог продукции? natarius Серверные языки и технологии 6 24.05.2009 20:56
как можно создать iframe со скриптами GOll Общие вопросы Javascript 2 05.05.2009 11:32