コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryアニメーション画像スライディングサンプルcode_jquery

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-05-16 18:11:22
オリジナル
1333 人が閲覧しました

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

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

コードをコピーします コードは次のとおりです:
animate(params[,duration[,easing[,callback]]])

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

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

著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート