Jquery windows aero pop-up window

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