2011-08-18 6 views
1

私は基本的にホバリングの画像にh2をアニメーション化し、ホバリングオフの場合はオフにするコードのスニペットを作成していますので、最初にh2を残すように設定しました:マウスを動かすと左にアニメーションが表示されます。イメージの内側に10ピクセル、左にアニメーションを移動すると500ピクセルにズームします。 h2が右からアニメーション化されているときに、hoverがオフになったらすぐにh2を-200pxにリセットするにはどうすればよいですか、この効果を得るためのよりよい方法を提案できますか?jqueryはアニメーションのCSS値をリセットしますか?

私の試みはここで見つけることができ

http://jsfiddle.net/kyllle/GPve7/

おかげ

+0

これはあなたが達成したかったものですか? http://jsfiddle.net/geko/GPve7/3/ – Sleeperson

+0

@Sleeperson、返信いただきありがとうございます。私がやりたいことは、ホバー上の画像にh2スライドを当て、次に右にホールドして、画像を横切って左に戻らないようにします。画像上にマウスを置くと同じアニメーションが再び発生します – styler

答えて

5

jqueryのからanimate functionを見、それはコールバックプロパティを持って、その直後CSSを設定:ちょうど

Updated fiddle

+0

ありがとう、私は2番目のアニメーション機能でコールバックを含んでいましたが、間違って使用していました – styler

関連する問題