Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2013, 16:38
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

анимация с остановкой
Здравствуйте задача состоит в том чтобы при наведении размер блока увеличивался и при отведении мыши размер блока уменьшался
$('.rotate_line').mouseover(
$(this).animate({'width':'170'},500);})
$('.rotate_line').mouseout(
$(this).animate({'width':'30'},500);})

Но при таком исполнении если навести и убрать мышь 10 раз то анимация будет исполняться 10 раз как сделать чтобы только при наведении и удержании происходила анимация а если просто провести по блоку то чтобы анимация не происходила?
http://imedia.in.ua/main/page/conditions
красный квадратик со стрелочкой

Последний раз редактировалось imediasun1, 19.09.2013 в 16:41.
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2013, 16:48
Аватар для keen
Профессор
Отправить личное сообщение для keen Посмотреть профиль Найти все сообщения от keen
 
Регистрация: 28.03.2012
Сообщений: 376

функции .stop() и .clearQueue() в помощь!
Ответить с цитированием
  #3 (permalink)  
Старый 19.09.2013, 16:52
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

.clearQueue() помогла спасибо
Ответить с цитированием
  #4 (permalink)  
Старый 19.09.2013, 16:53
Аватар для keen
Профессор
Отправить личное сообщение для keen Посмотреть профиль Найти все сообщения от keen
 
Регистрация: 28.03.2012
Сообщений: 376

ну ты почитай что каждая из функций делает.
и вызывай их перед тем как отрисовывать новую анимацию.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
CSS анимация после :target gJam (X)HTML/CSS 0 01.08.2013 22:42
Не работает анимация при загрузки ajax ArtOs Общие вопросы Javascript 0 24.05.2012 17:52
Анимация движения Armen Общие вопросы Javascript 8 02.08.2011 18:32
Анимация. Помогите понять почему не работает. kadurban jQuery 4 08.07.2010 20:50
Цикличность анимация? SashaBorandi jQuery 1 25.12.2008 09:20