Показать сообщение отдельно
  #1 (permalink)  
Старый 11.04.2013, 07:50
Кандидат Javascript-наук
Отправить личное сообщение для zlodiak Посмотреть профиль Найти все сообщения от zlodiak
 
Регистрация: 24.02.2012
Сообщений: 104

несколько одновременных анимаций
помогите пожалуйста разобраться в вопросе

на страничке в .nav_top реализовал меню как на apple.com . проблема в том, что при клике по полю поиска анимация блока .search_form отстаёт по скорости от анимации блока .nav_top ul

я понимаю процесс так. анимация происходит в changeWidth(). при каждом проходе цикла:
1. уменьшается на 1px ширина каждого пункта меню(выстраивается очередь 10ms * 8 = 80ms)
2. увеличивается на 8px ширина блока поиска(добавляется в очередь еще несколько ms)
3. очередь в данный момент свободна, начинается следующий проход цикла(п. 1)
Ответить с цитированием