ホームページ > ウェブフロントエンド > jsチュートリアル > 要素を 1 つずつ非表示にする JavaScript コード

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

php中世界最好的语言
リリース: 2018-03-16 16:20:38
オリジナル
1529 人が閲覧しました

今回は、要素を 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート