逐一隱藏元素的JavaScript程式碼

這次帶給大家逐一隱藏元素的JavaScript程式碼，使用JavaScript程式碼逐一隱藏元素的注意事項有哪些，下面就是實戰案例，一起來看一下。

下面這個jQuery外掛可以根據你設定的步長（間隔時間）來逐一隱藏一組元素。在列表元素的重新載入中使用，可以達到很好的效果。

$.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中文網其它相關文章！

推薦閱讀：

讓文字動效的JavaScript程式碼

#判斷日期是否有效的JavaScript程式碼片段

以上是逐一隱藏元素的JavaScript程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！