>웹 프론트엔드 >JS 튜토리얼 >jQuery 및 Bootstrap을 사용하여 다층 적응형 모달 windows_jquery 구현

jQuery 및 Bootstrap을 사용하여 다층 적응형 모달 windows_jquery 구현

WBOY
WBOY원래의
2016-05-16 16:24:581577검색

이 기사에서는 적응형 다중 레이어 모달 창을 실습합니다.

페이지의 버튼을 클릭하면 적응형 모달 창의 첫 번째 레이어가 나타납니다.

첫 번째 레이어 모달 창에 버튼이 포함되어 있습니다. 버튼을 클릭하면 두 번째 레이어 모달 창이 팝업됩니다. 팝업 두 번째 레이어 모달 창은 첫 번째 레이어 모달 창, 즉 두 번째 레이어 모달 창을 차단합니다. 열려 있으면 첫 번째 레이어 모달 창을 닫을 수 없습니다.

구체적인 페이지 구현 부분은 다음과 같습니다.

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



   
   
   
   
   
   


       

           
       

       
           
       

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