可以一個(gè)頁(yè)面中創(chuàng)建多個(gè)彈出窗，被選中的彈出窗會(huì)加亮顯示，在同一網(wǎng)頁(yè)中可以有多個(gè)彈出窗口，也可以通過(guò)雙擊窗口實(shí)現(xiàn)最大化，跟windows像極了。如果想要做一個(gè)類似操作系統(tǒng)的頁(yè)面，用這個(gè)插件是完全可以實(shí)現(xiàn)的。兼容多種主流瀏覽器。

最基礎(chǔ)的調(diào)用方法：

復(fù)制代碼代碼如下:

$('#YourContainerDiv').AeroWindow((WindowTitle:'hello world',));

帶全部參數(shù)的調(diào)用：

復(fù)制代碼代碼如下:

 
$('#YourContainerDiv').AeroWindow({ 
WindowTitle: 'My first very cool Aero Window for Web', 
WindowPositionTop: 'center', 
WindowPositionLeft: 'center', 
WindowWidth: 400, 
WindowHeight: 100, 
WindowAnimation: 'easeOutCubic', 
WindowResizable: true, 
WindowDraggable: true, 
WindowMinimize: true, 
WindowMaximize: false, 
WindowClosable: true 
}); 

使用方法：
　　首先加上以下引用：

復(fù)制代碼代碼如下:

 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<link  rel="stylesheet" type="text/css"/> 
<link href="css/AeroWindow.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> 

然后在頁(yè)面放一個(gè)DIV：

復(fù)制代碼代碼如下:

 
<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> 

最后調(diào)用并初始化窗體：

復(fù)制代碼代碼如下:

 
$(document).ready(function() { 
$('#Firefoxapp').AeroWindow({ 
WindowTitle: '測(cè)試', 
WindowWidth: 500, 
WindowHeight: 300, 
WindowMinWidth: 50, 
WindowMinHeight: 10, 
WindowAnimationSpeed: 1000, 
WindowAnimation: 'easeOutCubic', 
WindowStatus: 'maximized', 
WindowResizable: true, 
WindowDraggable: true, 
WindowMinimize: true, 
WindowMaximize: true, 
WindowClosable: true 
}) 
}); 