Beautiful Windows 7 Aero pop-up window controls

AeroWindow is a jQuery plug-in used to create a pop-up window control similar to Windows 7 Aero. Maximize, minimize, drag, and resize, and disable the function. Multiple pop-up windows can be created in one page. The selected pop-up window is highlighted. Aviation window-jQuery plug-in-Windows Aero style for Web Sites

The Aero style of the air window creation pop-up window reminds people of the Window7 style. The pop-up window provides the usual selection and complete functions similar to the Windows window.

Features

Aviation glossy real-time animation (see head movement)

Resident window button: Minimize, reduce,

Maximize and close dual support Windows (maximize, zoom out)

The activity window is highlighted and intuitive because

Seamless and scalable window size

Drag the sliding window with the mouse

Resident Z-Order Management window

+ Animation changes the window size

+ Multiple configuration options

Configuration Options

The start position of the window title window X/Y (also mögich)

Window Size

The smallest window size is in the Opened Window state (minimized, maximized, normal)

Window animation (30 different relaxation methods) window function generation mouse events and JavaScript calls

In the following compatibility test Browser

In Internet Explorer 6

In Internet Explorer 7

Internet Explorer 8

Firefox 3 of Mozilla

Google browser 4

Apple Safari 4

Opera 10

Easy-to-use existing sites

Use Aero in your existing website window. This integration is very easy.

Usage:

Add the above references first

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

Be sure to add

Put a DIV on the page, ID = Firefoxapp

<div id="Firefoxapp" style="display: none;">  
<iframe src="http://www.google.com/" width="100%" height="100%" style="border: 0px;" frameborder="0">iframe>  
<div id="iframeHelper">div>  
    div> 

The following is the initialization form.

"text/javascript">  
      $(document).ready(function() {  

        $('#Firefoxapp').AeroWindow({  
          WindowTitle:          '51ascx.com',  
          WindowPositionTop:    'center',  
          WindowPositionLeft:   'center',  
          WindowWidth:          700,  
          WindowHeight:         500,  
          WindowAnimation:      'easeOutCubic'  
        })  


      });  

This is OK. You can download the code and study it yourself. It's pretty.

: Http://www.51ascx.com/78.html