You can create multiple pop-up windows in one page. The selected pop-up window is highlighted. Multiple pop-up windows can be displayed on the same page, or you can double-click the window to maximize the number of pop-up windows, it is very similar to windows. If you want to create a page similar to the operating system, you can use this plug-in. Compatible with multiple mainstream browsers.
The most basic call method:
Copy codeThe Code is as follows: $ ('# YourContainerDiv'). AeroWindow (WindowTitle: 'Hello world ',));
Call with all parameters:
Copy codeThe Code is as follows:
$ ('# YourContainerDiv'). AeroWindow ({
WindowTitle: 'My first very cool Aero Window for web ',
WindowPositionTop: 'center ',
WindowPositionLeft: 'center ',
Required wwidth: 400,
WindowHeight: 100,
WindowAnimation: 'easeoutcubic ',
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: false,
WindowClosable: true
});
Usage:
Add the following reference:
Copy codeThe Code is as follows:
<Meta http-equiv = "Content-type" content = "text/html; charset = UTF-8"/>
<Link href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel = "stylesheet" type = "text/css"/>
<Link href = "css/aeroworkflow css? R = 123 "rel =" stylesheet "type =" text/css "/>
<Script type = "text/javascript" src = "js/jquery-1.4.2.min.js"> script>
<Script type = "text/javascript" src = "js/jquery-ui-1.8.1.custom.min.js"> script>
<Script type = "text/javascript" src = "js/jquery. easing.1.3.js"> script>
<Script type = "text/javascript" src = "js/jquery-AeroWindow.js"> script>
Then put a DIV on the page:
Copy codeThe Code is as follows:
<Div id = "Firefoxapp" style = "display: none;">
<Iframe src = "http://www.baidu.com/" width = "100%" height = "100%" style = "border: 0px;" frameborder = "0"> </iframe>
<Div id = "iframeHelper"> </div>
</Div>
Finally, call and initialize the form:
Copy codeThe Code is as follows:
$ (Document). ready (function (){
$ ('# Firefoxapp'). AeroWindow ({
WindowTitle: 'test ',
Required wwidth: 500,
WindowHeight: 300,
WindowMinWidth: 50,
WindowMinHeight: 10,
WindowAnimationSpeed: 1000,
WindowAnimation: 'easeoutcubic ',
WindowStatus: 'maxmized ',
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: true,
WindowClosable: true
})
});
Online Demo: http://demo.jb51.net/js/AeroWindow/index.html
: Http://www.jb51.net/jiaoben/32239.html