> 웹 프론트엔드 > JS 튜토리얼 > JQuery의 토글을 사용하여 웹 페이지 로딩 후 자동 팝업 창 구현_jquery

JQuery의 토글을 사용하여 웹 페이지 로딩 후 자동 팝업 창 구현_jquery

WBOY
풀어 주다: 2016-05-16 16:55:17
원래의
1301명이 탐색했습니다.

토글() 이벤트 주로 요소의 표시 상태를 전환합니다.

1. 토글(스위치) ①스위치는 옵션값으로, 미입력 시 원래 요소가 숨겨지면 표시됩니다.

HTML 코드:

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

다시 안녕하세요



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

$("p").toggle()

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

Hello

Hello Again



② switch 값이 있으면 TRUE 또는 false입니다. TRUE이면 요소가 표시되고, FALSE이면 요소가 숨겨집니다.
HTML
코드 복사 코드는 다음과 같습니다.

안녕하세요




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

var i = 0
$("#b"). click(function(){
$("#tt").toggle(i %2==0);
})

2. ]) 속도는 선택사항입니다. 매개변수는 요소 애니메이션의 속도를 나타냅니다. 해당 값은 (느림, 보통, 빠름)일 수 있습니다. 실행할 수 있습니다.

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

< ;p style ="display: none" id = "t">안녕하세요



JQuery 코드
코드 복사 코드는 다음과 같습니다:

$("#t").toggle("slow",function(){
alert("123456") );
} );

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