Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • JQuery

Плагин AeroWindow для jQuery

  • 13.09.2010
Total
0
Shares
0
0
0
0
0
0

При помощи AeroWindow можно создать pop-up окно, которое будет в стиле Aero, на подобие окон Window7. При этом данное окно схоже с окном Windows как по виду, так и по функциональности.

Основные отличия:

– Стандартные кнопки окна: Zoom, Minimize, Close и Maximiz.
– Эффект глянца.
– Активное окно имеет Подсветку.
– Поддержка двойного клика.
– Применение оси Z.
– Возможно прокручивать при помощи мыши.
– Имеет довольно большое количество опций конфигураций.
– Имеет анимированное изменение размеров окна.

Конфигурация:

– X / Y – начальная точка окна.
– Оглавление окна.
– Окно имеет стандартный и минимальный размер.
– 30 методов анимации окна.
– Статус в открытом окне (максимизированное, минимизированное, нормальное состояние..)
– Генерация окна (JS)

Протестировано в:

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

Наиболее простой пример подключения:

[sourcecode language=’xml’]$(‘#YourContainerDiv’).AeroWindow({
WindowTitle: ‘My first very cool Aero Window for Web’,
});[/sourcecode]

Применяем плагин AeroWindow к выбранному блоку #YourContainerDiv. Плагин имеет свои параметры.

Добавление конфигурации:

[sourcecode language=’xml’]$(‘#YourContainerDiv’).AeroWindow({
WindowTitle: ‘My first very cool Aero Window for Web’,
WindowPositionTop: ‘center’,
WindowPositionLeft: ‘center’,
WindowWidth: 400,
WindowHeight: 100,
WindowAnimation: ‘easeOutCubic’,
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: false,
WindowClosable: true
});[/sourcecode]

Загрузить

Источник

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
jokar

Предыдущий материал
  • Блог

Сканирование и оцифровка – надёжный способ хранения документов

  • 13.09.2010
  • Zayamaya
Read More
Следующий материал
  • Все о Photoshop

Вспомогательные элементы для сайта

  • 13.09.2010
  • jokar
Read More
Вас также может заинтересовать
Read More
  • JQuery

Хитрости JQuery

  • jokar
  • 23.05.2012
Read More
  • JQuery

Закруглить углы изображения при помощи JQuery

  • jokar
  • 21.05.2012
Read More
  • JQuery

Знакомьтесь: Nivo Slider от jQuery

  • tamo
  • 28.09.2010
Read More
  • JQuery

Первое знакомство с jQuery: часть первая.

  • tamo
  • 26.09.2010
Read More
  • JQuery

Продолжаем изучать jQuery: часть вторая. Учимся выделять элементы.

  • tamo
  • 26.09.2010
Read More
  • JQuery

Продолжаем изучать jQuery: работа с анимацией. Часть третья.

  • tamo
  • 26.09.2010
Read More
  • JQuery

Симпатична скользящая форма на jQuery

  • jokar
  • 12.09.2010
Read More
  • JQuery

Inset Border Effect – jQuery бордер вокруг изображения

  • jokar
  • 12.09.2010

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter