2011-08-18 2 views
1

У меня есть фрагмент кода, который в основном анимирует h2 на изображении при наведении, а затем справа при наведении, поэтому я изначально установил h2 влево: -200px со страницы при загрузке, затем при наведении на анимацию слева: 10px внутри .image, а затем при наведении на анимацию слева: 500 пикселей для уменьшения. Теперь, когда я снова нахожу изображение, h2 анимируется справа, как я могу сбросить h2 до -200px, как только произойдет зависание, или вы можете предложить лучший способ для меня достичь этого эффекта?jquery сбросить значение css анимации?

Моя попытка можно найти здесь http://jsfiddle.net/kyllle/GPve7/

Благодаря

+0

Это то, чего вы хотели достичь? http://jsfiddle.net/geko/GPve7/3/ – Sleeperson

+0

@Sleeperson, спасибо за ответ. Нет того, что я хочу сделать, это сделать h2 слайдом на изображении при наведении, а затем при наведении h2 перемещается по изображению вправо, а не назад влево. когда вы вертетесь назад к изображению, повторится одна и та же анимация – styler

ответ

5

Посмотрите на animate function из JQuery, он имеет свойство обратного вызова, просто установить CSS после этого:

Updated fiddle

+0

спасибо, я включил обратный вызов во вторую функцию анимации, но использовал ее неправильно – styler

1

Просто перезагрузите позицию после завершения второй анимации с использованием аргумента обратного вызова в анимации(), как здесь http://jsfiddle.net/geko/GPve7/9/

Смежные вопросы