요소를 하나씩 숨기는 JavaScript 코드

이번에는 요소를 하나씩 숨기기 위한 JavaScriptcode를 가져왔습니다. JavaScriptcode를 사용하여 요소를 하나씩 숨길 때의 주의사항은 무엇입니까, 실제 사례는 다음과 같습니다. , 살펴 보겠습니다.

다음

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!