집 >웹 프론트엔드 >JS 튜토리얼 >jquery의 페이드인 및 페이드아웃 이벤트 fadeIn fadeOut

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() 전에 긍정적인 속성을 관련으로 변경하면 이 버그가 해결됩니다

.relative{position:relative; filter: acquire}

참조: http://www.cnblogs.com/lxiang/archive/2012/ 05/ 07/2482530.html

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

성명：