javascript 팝업 레이어 구성 요소(업그레이드 버전)_javascript 기술

이번에는 기능을 다시 강화하기 위해 원래 코드의 조직 구조를 사용했습니다. 현재는 여전히 두 가지 작은 문제가 있습니다. 첫 번째는 IE6의 사용자 정의 팝업 레이어가 선택 항목을 처리할 수 없다는 것입니다. . 아직 구성요소에 추가되지 않은 경우 맞춤 div에 iname을 추가하여 구성요소와 함께 제공되는 팝업 레이어를 가릴 수 있습니다. 두 번째 문제는 절대 위치이기 때문에 브라우저 창 크기가 변경되면 자동으로 따르지 않는다는 것입니다. 물론 사용해보시면 아시겠지만, 문제가 더 많겠지만, 제가 보기에 더 중요하다고 생각하는 이 두 가지는 일단 여기에 나열하고 나중에 수정하겠습니다.

다음 코드는 주석이 있고 직접 실행할 수 있는 코드입니다.
온라인 데모http://demo.jb51.net/js/2011/js_popup_up/index.htm

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

🎜>

나를 클릭하세요

맞춤 팝업 레이어

;li>내장 모달 대화 상자

오른쪽 하단에 광고

< /div>
abcd111abcd222 div id="owp" style= "width:300px;height:200px;">두 번째 테스트 예시입니다! x

오른쪽 하단에 광고x

< ;br />








;








;

















;








;

















;








;



















//매개변수 con은 팝업 상자의 내용이고, 확인 버튼이 필요한지 여부, Wraphide가 마스크 레이어를 표시하는지 여부, 사용자 정의 레이어 ID 래핑
var dlg1=d_log({con:' 이 파일을 삭제하시겠습니까? ',confirm:'check'});//자동으로 생성된 대화 상자
var dlg2=d_log({wraphide:'hide',wrapId:'owp'});//사용자 정의 대화 상자
var dlg3=d_log({wraphide:'hide',wrapId:'owp1',pos:'right-bottom'});//pos 팝업 레이어 위치
var arr=[1,2,3 , 4,5,5,6,7,8];
함수 확인(){
alert('test!')