Хочу представить читателям интересный jQuery плагин, который будет интересен тем, кто хочет использовать на сайте какую-то интересную анимацию без использования Adobe Flash.
Минимальный размер генерируемого пузыря
Максимальный размер генерируемого пузыря
Начальная позиция генерируемого пузыря
Управление полётом частицы (центрированный, влево, вправо)
Время жизни пузыря (продолжительность анимации)
Дисперсия времени жизни пузыря (продолжительности анимации)
Рассеивание по оси X и оси Y
Толщина пузыря
Восстановление пузыря (включить/выключить)
Код простой вставки данного плагина в ваш сайт:
Код вставки данного плагина в ваш сайт с заданием различных параметров:
Проверена совместимость со следующими браузерами: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla Firefox 3, Google Chrome 4, Apple Safari 5, Opera 10.
Скачать: Bubble Engine
P.S. Предупреждаю на слабых машинах возможны заметные тормоза!
Имеется возможность задать следующие параметры
Минимальный размер генерируемого пузыря
Максимальный размер генерируемого пузыря
Начальная позиция генерируемого пузыря
Управление полётом частицы (центрированный, влево, вправо)
Время жизни пузыря (продолжительность анимации)
Дисперсия времени жизни пузыря (продолжительности анимации)
Рассеивание по оси X и оси Y
Толщина пузыря
Восстановление пузыря (включить/выключить)
Простота интеграции в ваш веб-сайт
Код простой вставки данного плагина в ваш сайт:
$(document).ready(function(){
var SoapBubbleSource = $().BubbleEngine({ particleSourceX: 0, particleSourceY: 500});
SoapBubbleSource.addBubbles (50);));
Код вставки данного плагина в ваш сайт с заданием различных параметров:
$(document).ready(function() {var SoapBubbleSource = $().BubbleEngine({ particleSizeMin: 0, particleSizeMax: 60, particleSourceX: 0, particleSourceY: 500, particleAnimationDuration: 3000, particleAnimationVariance: 2000, particleScatteringX: 500, particleScatteringY: 200, particleDirection: 'right', gravity: -100, imgSource: 'images/bubble.png', RenewBubbles: 'on' });
SoapBubbleSource.addBubbles(50); });
Проверена совместимость со следующими браузерами: Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla Firefox 3, Google Chrome 4, Apple Safari 5, Opera 10.
Скачать: Bubble Engine
Демонстрация
P.S. Предупреждаю на слабых машинах возможны заметные тормоза!