>  기사  >  웹 프론트엔드  >  jQuery는 스타일이나 effect_jquery를 동적으로 변경하기 위해 마우스 휠을 실현합니다.

jQuery는 스타일이나 effect_jquery를 동적으로 변경하기 위해 마우스 휠을 실현합니다.

WBOY
WBOY원래의
2016-05-16 16:22:051328검색

코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$(window).scroll(function() {
              var scrolls = $(this).scrollTop();
                $(".context_block").each(function(){ //클래스 이름이 "context_block"인 블록 수준 요소
              var height = $(this).height();
If($(this).position().top height-60> 스크롤){
~                  var _index = $(".context_block").index($(this));
을 통해 $($(".menu a")[_index]).addClass("hover_mobileLink");//"menu" 클래스를 사용하여 블록 수준 요소 아래의 a 태그 스타일을 동적으로 변경합니다(클래스 추가 또는 삭제).
                        false를 반환합니다.
                }
            });
        });

핵심 코드는 매우 간단하지만 구현 효과가 매우 좋습니다. 여기 친구들에게 추천합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.