html 팝업 예제

Tempo de leitura: menos de 1 minuto

0 Flares Filament.io 0 Flares ×

이 예제에서는 정션 박스를 사용하여 jQuery를 사용하여 간단한 모달 대화 상자를 만드는 방법을 제공합니다. 이 자습서에서는 CSS 및 jQuery에 대한 중간 지식이 필요합니다. 최상의 결과를 얻으려면 JQuery의 기본 사항을 배워야 합니다. 처음 두 예제에서는 사용자가 무언가를 클릭할 때 팝업이 열립니다. 이 예제에서는 팝업이 자동으로 열립니다. Netscape에서만 인식되는 개념인 “종속” 팝업은 오프너 창이 닫히면 팝업이 닫힙닫는다는 것을 의미합니다. open() 명령에서 종속 속성을 예로 설정하여 팝업을 종속합니다. 예를 들어 팝업 스크립트의 다음 명령은 종속 팝업을 만듭니다. Netscape를 사용하는 경우 팝업을 연 다음 이 창을 닫습니다.

팝업 창의 주제에 대한 인기있는 변화는 전체 화면 모드에서 창을 여는 것입니다. 전체 화면은 창이 화면의 전체 크기이며 페이지에 대해 가능한 한 많은 표시 영역을 제공한다는 것을 의미합니다. MSIE와 Netscape는 전체 화면 창에 대해 서로 다른 매개 변수를 사용하지만 두 버전을 모두 사용할 수 있습니다. open() 명령에서 netscape용 type=fullWindow를 입력하고 MSIE에 대한 전체 화면(아무 값 없음)을 넣습니다. 예를 들어 팝업 스크립트의 이 명령은 전체 화면 창을 엽니다: 페이지/화면 중앙에 위치하는 데스크톱, 태블릿 및 모바일용 반응형 팝업입니다. 특히 팝업의 속성은 팝업에 대한 속성 목록인 open()에 대한 세 번째 인수에 설정됩니다. 속성은 HTML 특성이 설정된 방식과 다소 유사하게 설정됩니다. 속성은 쉼표로 구분됩니다. MSIE의 광범위한 버그로 인해 속성 목록에 공백을 넣지 마십시오. 속성의 전체 목록은 따옴표 안에 들어갑니다. 예를 들어 다음 코드 줄은 너비를 400으로, 높이는 200으로 설정하고 스크롤 막대를 켭니다. 상태 표시줄은 브라우저가 사용자에 대한 메시지를 표시하는 곳입니다.

예를 들어 대부분의 브라우저는 마우스가 링크를 통과할 때 링크의 URL을 표시합니다. 기본적으로 팝업에는 상태 표시줄이 없습니다. open() 명령에서 상태 표시줄이 설정된 상태를 예로 설정하여 팝업을 설정합니다. 예를 들어 팝업 스크립트의 이 명령은 상태 표시줄이 있는 팝업을 만듭니다.

Os comentários foram encerrados, mas trackbacks e pingbacks estão abertos.