2012-04-30 21 views
2

ねえ、私はjsfiddleにここにこのコードを持っているすべて:私はそれで2つの問題を抱えているhttp://jsfiddle.net/d7UjD/6/jQueryのバウンスとズームアニメーション

を:

1)私は、もしそのようなアニメーションの停止()を使用する方法が必要ですあなたはすぐに再生して再生しない多くの時間、画像の上にマウスを実行します。

2) "ズーム"部分は、幅と高さをズームするために家のヘルプが必要です。現在、私は幅しかできません。均等にズームアウトする必要があります。

これについての助けがあれば助かります。

デビッド

答えて

5

はおそらく違っ行われますが、ここで一つの方法..

1)mouseleave機能を使用して、バウンス効果のアニメーションを停止していることができました。

2)ズームエフェクトではピクセルの代わりにパーセント(%)を使用します。

http://jsfiddle.net/d7UjD/9/

+0

驚くばかりです#2、ルーク。しかし、最初の問題については依然としてまだそこにいるようです。あなたがその上にマウスを置いて、何度も(急速に)戻ってくると、Googleのロゴが上がったり上がったりするのを見ることができます。 – StealthRT

+0

問題を解決するはずのこのホバーフロープラグインをチェックしてください。 - http://www.2meter3.de/code/hoverFlow/ – luke2012

11

animate.css ..すべてのアニメーション効果のためのベストソリューション..

このhttp://daneden.me/animate/

乾杯してみてください...!

+0

ニースが見つかりましたが、古いブラウザーと互換性のあるものを探しています。 – StealthRT

関連する問題