>웹 프론트엔드 >JS 튜토리얼 >jquery 팝업 닫기 마스크 레이어 example_jquery

jquery 팝업 닫기 마스크 레이어 example_jquery

WBOY
WBOY원래의
2016-05-16 17:26:371352검색

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




Jquery는 마스크 레이어를 쉽게 구현합니다 - Script Home



마스크 레이어를 표시한 후 오른쪽 상단을 클릭하여 닫습니다.

;< ;/div>
스크립트 홈

www.jb51.net

keleyi

www.jb51.net

스크립트 홈

스크립트 홈맨 위로
a

jquery


www.jb51.net

전체 코드< ;/div>





두 가지 jquery 메서드가 사용됩니다.
1. show(): 선택한 요소가 숨겨진 경우 해당 요소를 표시합니다.

구문
$(selector).show(speed,callback)

속도
선택사항. 요소가 숨겨진 상태에서 완전히 표시되는 상태로 얼마나 빨리 이동하는지 지정합니다. 기본값은 "0"입니다.
가능한 값:
밀리초(예: 1500)
"느림"
"보통"
"빠름"
요소가 숨겨진 상태에서 완전히 표시되는 상태로 이동하는 속도를 설정합니다. 프로세스에 따라 높이, 너비, 여백, 패딩 및 투명도가 점차 변경됩니다.

콜백
선택사항. show 함수가 실행된 후 실행될 함수입니다.
이 매개변수는 속도 매개변수를 설정하지 않으면 설정할 수 없습니다.

팁: 요소가 이미 완전히 표시된 경우 콜백 함수를 지정하지 않는 한 효과는 변경되지 않습니다.
참고: 이 효과는 jquery를 통해 숨겨진 요소 또는 CSS에서 display:none으로 선언된 요소(그러나 visible:hidden이 있는 요소는 제외)에 적용됩니다.


2. hide(): 선택한 요소가 이미 표시되어 있으면 해당 요소를 숨깁니다.

구문
$(selector).hide(속도,콜백)

속도
선택사항. 요소가 표시에서 숨김으로 전환되는 속도를 지정합니다. 기본값은 "0"입니다.
가능한 값:
밀리초(예: 1500)
"느림"
"보통"
"빠름"
속도가 설정된 경우 요소가 표시에서 숨김으로 전환되는 과정 , 높이, 너비, 여백, 패딩 및 투명도가 점차적으로 변경됩니다.

콜백
선택사항. 숨기기 기능이 실행된 후 실행될 기능입니다.

이 매개변수는 속도 매개변수를 설정하지 않으면 설정할 수 없습니다.

팁: 요소가 이미 완전히 표시된 경우 콜백 함수를 지정하지 않는 한 효과는 변경되지 않습니다.

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