jqueryを使用してこのページに示されているエフェクトを実行できますか？

Question

は、このページをご覧ください：スライド番号2で

http://www.nike.com/nikeos/p/nikegolf/en_US/

を、over.Someパネルが同時に身を引くか、単に他の上に成長しonmouse成長効果がないmidpanelがあります。あなたが見ることができるように、背景は変化し、箱はその内容と共に成長する。私はそれがフラッシュだと思いますが、jqueryを使用して同じ結果をobtianにする方法はありますか？私は特定のjqueryの経験を持っていますが、それは

を試すようないくつかのことをしたい場合、私は、私はそれがフラッシュであると言うでしょうウィッヒ機能は、それらの結果に

おかげ

Answer 1

を取得するために組み合わせることが便利だろういけないが、

.animate()を使用している顧客のために、私はフラッシュのような効果を出しました。これは、各部品の画像を使用して非常によく見えることができます。

Answer 2

animate（）関数を使用する必要があります。

最初に、これらのメニュー要素のような要素がすべて可変幅/高さに設定されていることを確認します。 onmouseoverイベントハンドラを作成します。このハンドラは、マウスオーバーする要素のサイズを増減するアニメーション機能に関連付けられています。すべての要素が可変幅/高さであるため、利用可能なスペースの量に基づいて調整されます。アニメーションの時間を短くしたいと思うでしょう。

research animateここに質問がある場合はこちらをご覧ください。

Answer 3

画像自体がアニメーション化されているため、簡単にはありません。これはhtmlオブジェクトの操作だけではありません。