jquery 도구 시리즈는 learning_jquery를 노출합니다.

예를 들어 오버레이를 학습할 때 먼저 작업의 html 대상 코드를 제공합니다.

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

노출 테스트

div 열기div 닫기

이 함수는 jqueryObject.expose() 메서드를 통해 구현됩니다. 구체적인 구현 방법은 다음과 같습니다.
$("jquery selector").expose({config object}) //이 메서드는 노출의 표시.
다음 코드는 구성 매개변수를 설명합니다.
맞습니다이 속성은 강조 표시가

속성	기본값	자세한 설명
색상	'#456'	노출(하이라이트) 효과가 표시될 때 expose(하이라이트) 영역이 아닌 영역의 배경색을 설정합니다. 여기에서 배경색을 설정하지 않으면 노출 기능이 기본 색상을 제공합니다. 또한 속성은 CSS 스타일의 MaskId를 통해 설정할 수도 있습니다.
불투명도	0.8	설정 페이지의 비노출(하이라이트)는 배경 투명도에 있습니다. 노출(하이라이트) 효과가 표시될 때. 여기서 투명도 값 범위는 [0,1]입니다. 값이 클수록 투명도는 낮아집니다.
로드 속도	'천천히'	노출(강조 표시) 효과가 발동될 때 페이지 내 비노출(강조 표시) 영역의 표시 속도를 설정합니다. 여기의 값은 '느림', '보통', '빠름' 및 밀리초 값으로 설정할 수 있습니다. 예: 여기에 설정된 값이 2000이면 노출되지 않은(강조 표시된) 영역 효과가 2초 이내에 표시됩니다. 여기서 값을 0으로 설정하면 비노출(하이라이트된) 영역은 애니메이션 효과가 적용되지 않고 바로 표시됩니다.
닫기 속도	'빠르게'	설정 페이지의 비노출(하이라이트)는 노출 (강조 표시) 효과가 꺼졌을 때 닫히는 속도입니다. 여기의 값은 '느림', '보통', '빠름' 및 밀리초 값으로 설정할 수 있습니다. 구체적인 예를 보려면 이 문서의 관련 예를 참조하세요.
마스크ID	'마스크 노출'	비노출(강조 표시) 페이지 div 요소에 해당하는 영역 🎜 >id, 이는 일반적인 div 요소이며, expose(가 ) 실행된 후에는 전체 페이지를 완전히 덮도록 자동으로 조정됩니다. 비노출(하이라이트) 영역의 표시 효과는 div 스타일을 변경합니다. 여기에 설정이 없으면 플러그인은 기본적으로 exposeMask로 id를 제공합니다. 노출합니다. closeOnClick
	노출(	노출되지 않는 경우 영역을 클릭하면 ) 효과가 표시됩니다.이 속성의 기본값은 true이며, 노출이 아닌 영역을 클릭한 후 노출됩니다. 효과가 꺼집니다.
Esc 종료	맞습니다	이 속성은 Esc 키 뒤의 expose( 강조 표시를 닫을지 여부를 설정하는 데 사용됩니다. 누르면 ) 효과가 표시됩니다. 이 속성의 기본값은 true이며, Esc 키를 누른 후 노출효과가 꺼졌습니다.
zIndex	9998	페이지 설정 페이지에서 노출되지 않은(강조 표시된) 영역의 Z-색인(CSS) 속성을 설정하세요. 일반적인 상황에서는 기본 zIndex 속성 값이 매우 크기 때문에 여기서 설정할 필요는 없습니다. 다만, 한 가지 주의할 점은 노출되지 않은(하이라이트된) Z-index 속성 값이 다른 것보다 커야 한다는 것입니다. 페이지의 요소입니다.
API	거짓	이 속성에 대한 설명은 본 시리즈의 탭, 스크롤 가능 등 동일한 기능을 가진 속성에 대한 설명을 참고하세요.
onBeforeLoad		expose(하이라이트) 효과가 발동되기 전에 호출되는 함수입니다. 함수가 false를 반환하면 expose(강조 효과)가 차단됩니다. 구현부터.
로드 중		노출(강조) 효과가 달성된 후 , 이 기능이 실행됩니다.
onBeforeClose		expose(하이라이트) 함수는 효과가 꺼지기 전에 호출됩니다. 함수가 false를 반환하면 expose(강조 효과)가 차단됩니다. 폐쇄부터.
onClose		expose（突出显示）效果关闭后,该函数被触发。

또한, 노출은 노출 객체를 얻기 위한 일련의 메소드도 제공합니다. 이러한 메소드에 대한 설명은 다음과 같습니다.

방법	반환값	자세한 설명
로드()	API	트리거노출(하이라이트)효과, 이 메서드는 expose(highlight)가 초기화된 후에만 성공적으로 호출할 수 있습니다.
닫기()	API	노출(강조표시) 효과를 닫습니다.
isLoaded()	부울	현재 노출(강조표시)이 실행되었는지 확인합니다.
getMask()	jQuery	return expose(highlight)jquery객체. 비노출(highlight)은 jquery 해당 지역의 디스플레이 효과.
getExposed()	jQuery	은 expose(highlight)의 jquery를 반환합니다. 객체.
getConf()	객체	expose(highlighted)의 구성 객체를 반환합니다.
onBeforeLoad(fn)	API	구성 파일의 onBeforeLoad 속성과 동일합니다.
온로드(fn)	API	구성 파일의 onLoad 속성과 동일합니다.
onBeforeClose(fn)	API	同配置文件中onBeforeClose属性。
onClose(fn)	API	同配置文件中onClose属性。

노출 구성 객체 속성 설정 및 메서드 호출의 구체적인 사용법은 다음과 같습니다.

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

var testApi=$("#test").expose({
color:'#44f',
opacity:0.5,
loadSpeed:2000,
closeS 속도 :3000,
closeOnClick:false,
closeOnEsc:false,
api: true,
lazy:true,
onBeforeLoad:function(){
Alert("로드 전!" );
},
onLoad:function(){
경고("onLoad!")
onBeforeClose:function(){
경고("마스크-배경:" this.getMask () .css ( "color") ", ExposeId :"this.getexpession ( "id")
( "닫기 전!"); >>
testApi.close()
}) ;

Alert("test is load:" testApi.isLoaded())

$("#ball").expose({
//스타일 지정 여기에 color 속성을 설정하기 위한 backgroundcolor가 있습니다. Exposed().animate (
},
onbeForeClose: Function () {
this.Getexpose (). }); }).click(function(){
          $(this).expose().load();
      });


마지막으로 전체 샘플 코드와 이 기능은 제공됩니다. 데모 사진을 얻으세요:




코드 복사


코드는 다음과 같습니다:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    expose test!

    

open div
close div

관련 라벨：

jquery

원천：php.cn

이전 기사：DIV를 사용하여 createPopup 팝업 창(스크립트 하우스 수정 버전)을 완벽하게 시뮬레이션하고 Firefox(예: chrome_javascript 기술)를 지원합니다. 다음 기사：Javascript를 사용하여 form_Form 특수 효과의 확인란 값을 확인하십시오.

본 웹사이트의 성명

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

저자별 최신 기사

• NullPointerException은 무엇이며 어떻게 해결합니까?
  2024-10-22 09:46:29
• 초보자에서 코더까지: C 기초로 시작되는 여정
  2024-10-13 13:53:41
• PHP로 웹 개발 잠금 해제: 초보자 가이드
  2024-10-12 12:15:51
• C에 대한 이해: 새로운 프로그래머를 위한 명확하고 간단한 길
  2024-10-11 22:47:31
• 코딩 잠재력 발휘: 완전 초보자를 위한 C 프로그래밍
  2024-10-11 19:36:51
• 내면의 프로그래머를 깨워보세요: 완전 초보자를 위한 C
  2024-10-11 15:50:41
• C로 일상을 자동화하세요: 초보자를 위한 스크립트 및 도구
  2024-10-11 15:07:41
• PHP가 쉬워졌습니다: 웹 개발의 첫 번째 단계
  2024-10-11 14:21:21
• Python으로 무엇이든 빌드하기: 창의력을 발휘하기 위한 초보자 가이드
  2024-10-11 12:59:11
• 코딩의 핵심: 초보자를 위한 Python의 힘 활용
  2024-10-11 12:17:31

최신 이슈

Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...

에서 2024-04-06 14:54:03

0

2

421

jquery를 사용하여 HTML 데이터 테이블에서 선택되지 않은 행의 값을 검색하는 방법 버튼을 클릭하지 않은 모든 행의 값을 얻으려고합니다. 예를 들어, 첫 번째 행의 버튼을 클릭했을 때 클릭되지 않은 행의 값을 검색하고 싶습니다. vartable=...

에서 2024-04-05 09:26:49

0

1

1418

최종 사용자의 현재 선택에 따라 선택 상자에서 선택한 옵션을 이동하려면 jquery 스크립트가 필요합니다. 최종 사용자가 선택 상자 요소를 통해 항목의 순위를 지정할 수 있는 HTML 페이지가 있습니다. 간단한 데모를 보려면 바이올린을 참조하세요: https://jsf...

에서 2024-04-04 18:40:04

0

1

3528

북마크를 통해 순수 CSS로 요소를 만들었습니다. 생성되었으나 표시되지 않음 내 코드는 다음과 같습니다: g=document.createElement('div');g.setAttribute("id","divcon...

에서 2024-04-04 17:27:27

0

1

417

Safari/Firefox iOS에서 양식 데이터를 보낼 수 없습니다. 이는 iOS의 Safari/Firefox를 제외한 모든 플랫폼에서 작동합니다: jQuery("#gform_1").one('submit',func...

에서 2024-04-04 12:53:48

0

1

303

관련 주제

더>

• jquery 플러그인이란 무엇입니까?
• jquery로 json을 조작하는 방법
• Jquery에서 요소를 삭제하는 방법
• jQuery hover() 메소드 사용
• jquery는 페이징 방법을 구현합니다.
• Jquery의 숨겨진 요소는 무엇입니까?
• jquery에서 강조표시되는 내용
• 홍멍 시스템