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();
      });


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




코드 복사


코드는 다음과 같습니다:

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

    expose test!

    

open div
close div