Хочу представить вашему вниманию интересный плагин для jQuery — AeroWindow, позволяющий создать ваш сайт в стиле Windows Aero. Он создает появляющиеся окна в стиле Window 7 Aero, которые предлагают обычные опции и полную функциональность похожую на окна Windows.
![image](https://habrastorage.org/r/w1560/getpro/habr/post_images/81f/0d7/b94/81f0d7b94bc8adcd67facb57a420e3f2.png)
Основные функциональные возможности:
Имеется возможность задать следующие параметры:
Примеры:
Простое описания окна AeroWindow:
Особые свойства окна могут быть легко заданы:
Проверена совместимость со следующими браузерами: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla Firefox 3, Google Chrome 4, Apple Safari 4, Opera 10.
Текущая версия 2.0, базирующуюся на jQuery v1.4.2.
Скачать AeroWindow
Демонстрация
![image](https://habrastorage.org/getpro/habr/post_images/81f/0d7/b94/81f0d7b94bc8adcd67facb57a420e3f2.png)
Основные функциональные возможности:
- Использование кнопок: Свернуть, Развернуть и Закрыть
- Особая функция: анимация в виде глянцевидных блестяшек при перемещении окна;
- Поддержка двойного клика по окну (анимированное развёртывание окна);
- Бесконечно раздвижное окно;
- Визуальная подсветка активного окна;
- Анимированное изменение размера окна;
- Перемещение окна с помощью мыши;
- Управление наложениями окон друг на друга (Z-order management);
- Множество других настроек.
Имеется возможность задать следующие параметры:
- Заголовок окна;
- Начальная позиция окна в координатах X и Y (предусмотрена возможность центрирования);
- Стандартный размер Окна;
- Минимальный размер окна;
- Состояние открытого окна (свернутое, максимальный размер, нормальное);
- Настройка анимации окна;
- Генерация окон по событиям мыши и вызовам функций JavaScript.
Примеры:
Простое описания окна AeroWindow:
$ ('#YourContainerDiv').AeroWindow((WindowTitle: 'My first very cool Aero Window for Web',));
Особые свойства окна могут быть легко заданы:
$ ('# YourContainerDiv').AeroWindow((WindowTitle:'My first very cool Aero Window for Web', WindowPositionTop: 'center', WindowPositionLeft: 'center', WindowWidth: 400, WindowHeight: 100, Window Animation: 'easeOutCubic' WindowResizable: true, WindowDraggable: true WindowMinimize: true, WindowMaximize : false, WindowClosable: true));
Проверена совместимость со следующими браузерами: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla Firefox 3, Google Chrome 4, Apple Safari 4, Opera 10.
Текущая версия 2.0, базирующуюся на jQuery v1.4.2.
Скачать AeroWindow
Демонстрация