逐个隐藏元素的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代码段

Atas ialah kandungan terperinci 逐个隐藏元素的JavaScript代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!