> 웹 프론트엔드 > JS 튜토리얼 > jquery에서 fadeIn(페이드 인) fadeOut(페이드 아웃) 사용

jquery에서 fadeIn(페이드 인) fadeOut(페이드 아웃) 사용

巴扎黑
풀어 주다: 2017-06-30 10:12:20
원래의
3480명이 탐색했습니다.

jquery의 페이드인 및 페이드아웃 이벤트 fadeIn fadeOut

1. fadeIn() 메서드는 페이드인 효과를 사용하여 선택한 요소를 표시합니다(요소는 숨겨집니다)

$(selector).fadeIn(speed,callback)
로그인 후 복사

매개변수 설명속도, 선택사항. 요소가 숨겨진 상태에서 표시되는 상태로 얼마나 빨리 이동하는지 지정합니다. 기본값은 "보통"입니다. 가능한 값: ms(예: 1500) "느림" "보통" "빠름"

callback,선택 사항. fadeIn 함수가 실행된 후 실행될 함수입니다. (speed 매개변수를 설정하지 않으면 이 매개변수를 설정할 수 없습니다.)


2.fadeOut()

fadeOut(speed, [callback])은 불투명도 변경을 통해 일치하는 모든 요소의 페이드아웃 효과를 달성합니다. 선택적으로 애니메이션이 완료된 후 콜백 함수를 트리거합니다.

이 애니메이션은 요소의 불투명도만 조정합니다. 즉, 일치하는 모든 요소의 높이와 너비는 변경되지 않습니다.

A string("느림", "보통" 또는 "빠름") 미리 결정된 세 가지 속도 중 하나 또는 애니메이션 기간을 나타내는 밀리초 값(예: 1000)



3. IE 다음으로 jquery의 fadeIn 및 fadeOut 메서드가 실패합니다. BUG


                                                     

-- 2: 상위 수준 상위 크기보다 큰 중첩 이미지의 절대 위치 지정                                                                                                ' ' s ' ' s ' s ' s             '' ‐ ' ' s ' ' ' s ' t- t --- s



fadeIn 요소의 하위 요소가 있는 경우 position 속성을 사용할 때 상대값이 가장 심각합니다. position 속성이 있는 요소는 fadeIn 효과를 갖지 않습니다! D 해결책: Fadein() 전에 긍정적인 속성을 관련으로 변경하면 이 버그가 해결됩니다

$('.FADEIN') CSS('Position', 'Relative') ; -요소에는 긍정적인 속성과 필터: 상속이 포함됩니다. 현재 요소의 첫 번째 요소 레이어도 추가되어야 합니다. 이 두 가지가 결합되면 IE678의 문제는 해결될 것입니다

                                .relative{position:relative;filter:inherit}

위 내용은 jquery에서 fadeIn(페이드 인) fadeOut(페이드 아웃) 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿