jqueryアニメーション画像スライディングサンプルcode

このオブジェクトの各プロパティは、変更できるスタイルプロパティ (「高さ」、「上部」、「不透明度」など) を表します。注: 指定されたすべての属性は、margin-left ではなく marginLeft など、キャメル形式である必要があります。各属性の値は、このスタイル属性のアニメーションが終了する範囲を示します。数値の場合、スタイルプロパティは現在の値から指定された値までグラデーションになります。「非表示」、「表示」、または「切り替え」などの文字列値が使用される場合、そのプロパティに対してデフォルトのアニメーションフォームが呼び出されます。

関数の宣言は次のとおりです:

コードをコピーしますコードは次のとおりです:

animate(params[,duration[,easing[,callback]]])

jQueryではem単位と%単位が使えます。さらに、属性値の前に「 = 」または「 - = 」を指定することで、要素を相互に相対的に移動させることができます。

以下は、画像リストを左右にスライドさせる例を示しています。メインコードは次のとおりです。

コードをコピーコードは次のとおりです。

人気のチュートリアル

詳細>