찾다

집 >웹 프론트엔드 >JS 튜토리얼 >JQuery_jquery 기반 AeroWindow 팝업 창 플러그인

JQuery_jquery 기반 AeroWindow 팝업 창 플러그인

WBOY
WBOY원래의
2016-05-16 18:05:391031검색

한 페이지에 여러 개의 팝업 창을 생성할 수 있으며, 선택한 팝업 창이 강조 표시됩니다. 동일한 웹 페이지에 여러 개의 팝업 창이 있을 수 있으며, 창을 두 번 클릭하여 최대화할 수도 있습니다. 마치 윈도우즈처럼. 운영 체제와 유사한 페이지를 만들고 싶다면 이 플러그인을 사용하는 것이 완전히 가능합니다. 여러 주요 브라우저와 호환됩니다.
JQuery_jquery 기반 AeroWindow 팝업 창 플러그인
가장 기본적인 호출 방법:

코드 복사 코드는 다음과 같습니다.
$('#YourContainerDiv').AeroWindow((WindowTitle:'hello world',)))

모든 매개변수를 사용하여 호출:
코드 복사 코드는 다음과 같습니다.

$('#YourContainerDiv').AeroWindow({
WindowTitle: '내 첫 번째 멋진 Aero 창 for Web',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 400,
WindowHeight: 100,
WindowAnimation: 'easeOutCubic',
WindowRessible: true,
WindowDraggable : true,
WindowMinimize: true,
WindowMaximize: false,
WindowClosable: true
})

사용법:
먼저 다음 인용문을 추가하세요:
코드 복사 코드는 다음과 같습니다: