AeroWindow - Plugin for jQuery

. 6/30/10
  • Agregar a Technorati
  • Agregar a Del.icio.us
  • Agregar a DiggIt!
  • Agregar a Yahoo!
  • Agregar a Google
  • Agregar a Meneame
  • Agregar a Furl
  • Agregar a Reddit
  • Agregar a Magnolia
  • Agregar a Blinklist
  • Agregar a Blogmarks

AeroWindow - Plugin for jQuery - Windows Aero Style for Web sites
AeroWindow create pop-up window in the Aero style, inspired by the style of Window7. The popup window offers the usual options and full functionality similar to Windows windows.


Features

  • Special feature: Live animated Aero Glossy look (see header when moving)
  • Usual window buttons: Minimize, Zoom, Maximize and Close
  • Double-click support, such as in windows (maximize, zoom out)
  • Active window is highlighted visually, as in Windows
  • User-infinitely scalable window size
  • Sliding window by mouse dragging
  • Usual Z-order management, as in Windows
  • + Animated changing the window size
  • + Multiple configuration options

Configuration options

  • Window Title
  • Window Start Position X / Y (possible should also centered)
  • Standard Window Size
  • Minimum window size
  • Status at the open window (minimized, maximized, normal)
  • Window animation (30 different easing methods)
  • Window generation by mouse events & JavaScript function calls

Compatibility tested in the following browsers

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 8
  • Mozilla Firefox 3
  • Google Chrome 4
  • Apple Safari 4
  • Opera 10

Easy to use with existing websites

Use AeroWindow into your existing website. The integration is easy. 

The simplest way to link AeroWindow:

$ ('# YourContainerDiv'). AeroWindow ((WindowTitle: 'My first very cool Aero Window for Web',));

Special configuration requirements can be optionally add simple:
$ ('# YourContainerDiv'). AeroWindow ((WindowTitle: 'My first very cool Aero Window for Web', 
WindowPositionTop: 'center', WindowPositionLeft: 'center', WindowWidth: 600, WindowHeight: 400, 
WindowMinWidth: 100, WindowMinHeight: 100, Window Animation Speed: 500, 
Window Animation: 'easeOutCubic' WindowResizable: true, WindowDraggable: true, 
WindowMinimize: true, WindowMaximize: false, WindowClosable: true));

0 comments: