要素を 1 つずつ非表示にする JavaScript コード

今回は、要素を 1 つずつ非表示にするための JavaScriptコード、JavaScriptコードを使用して要素を 1 つずつ非表示にするための注意事項をご紹介します。ケースを見てみましょう。

以下の

jQueryプラグインは、設定したステップサイズ(間隔時間)に従って要素のグループを1つずつ非表示にできます。リスト要素の再ロードに使用すると、良好な結果が得られます。

$.fn.fadeAll = function (ops) {  var o = $.extend({    delay: 500, // delay between elements
    speed: 500, // animation speed
    ease: 'swing' // other require easing plugin
  }, ops);  var $el = this;  for (var i=0, d=0, l=$el.length; i<l; i++, d+=o.delay) {
    $el.eq(i).delay(d).fadeIn(o.speed, o.ease);
  }  return $el;
}

使用方法:

$(elements).fadeAll({ delay: 300, speed: 300 });

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイト

その他関連記事に注目してください。

推奨読書:

テキストをアニメーション化するJavaScriptコード

日付が有効かどうかを判断するJavaScriptコードスニペット

以上が要素を 1 つずつ非表示にする JavaScript コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。