Document directory
- Features
- Configuration Options
- In the following compatibility test Browser
- Easy to use
There are already many mature and useful jquery pop-up window plug-ins on the market, such as modal dialog plugins and countless lightbox plugins ).
Jquery dialog ins introduced todayAerowindowIs one of the most personalized ones, because he has a physical body like Windows 7 Aero.
Demo:
Demonstration of local application cases officially (previous night's Live Stream)
Features
- Unique:Reflective effect of the title bar when the window is moved
- Window buttons: Minimize, reduce, maximize, and close
- Double-click the title bar of the window to maximize the size of the window.
- Activity window highlighted
- Resize)
- Drag the window
- N multiple configuration options
Configuration Options
- Window title
- X/y at the start of the window
- Window Size
- Minimum window size
- Opening the available status of the window (minimized, maximized, normal)
- Window animation (30 different brilliant effects)
- Window functions, mouse events, and JavaScript calls
In the following compatibility test Browser
- Internet Explorer 6
- Internet Explorer 7
- Internet Explorer 8
- Firefox 3
- Google browser 4
- Apple Safari 4
- Opara10
Easy to use
Let's see how Windows aero works in your existing website window.
The simplest method of use:
$('#YourContainerDiv').AeroWindow({ WindowTitle: 'My first very cool Aero Window for Web',});
Custom Configuration:
$ ('# Yourcontainerdiv '). aerowindow ({windowtitle: 'My first cool aero window for web', windowpositiontop: 'center', windowpositionleft: 'center', interval wwidth: 600, interval wheight: 400, windowminwidth: 100, windowminheight: 100, windowanimationspeed: 500, windowanimation: 'easeoutcubic ', // animation effect windowresizable: true when the window is opened, // http://endless.im windowdraggable: True, windowminimize: True, windowmaximize: false, windowclosable: true });
Download all necessary files and demo files. This version is based on jquery (v1.4.2)
Official:»Aerowindow(V3.5)
This article is also published in the jquery windows aero pop-up window.
Add the code for using the aerowindow plug-in on the "Life flow" Page
// Javascript script http://endless.im $ (document ). ready (function () {$ ('# profilactic '). click (function () {var go = $ (this); $ ('# mywindows '). ATTR ('src', go. ATTR ('href ') Go. ATTR ('href ', 'javascript: void (0);'); $ ('# firefoxapp '). aerowindow ({windowtitle: 'late '+ go. ATTR ('class'), windowpositiontop: 'center', windowpositionleft: 'center', interval wwidth: 1000, interval wheight: 500, windowanimation: 'easeoutcubic '}); $ ('html, body '). animate ({scrolltop: '0px '}, 300); Return false ;}); // The Window container <IFRAME Style = "border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px "id =" mywindows "Height =" 99.5% "src =" http://endless.im "frameborder =" 0 "width =" 100% "> </iframe>
Link: http://endless.im/archives/jquery-window7aero-dialog-plugins.html