Хочу представить читателям интересный jQuery плагин, который будет интересен тем, кто хочет использовать на сайте какую-то интересную анимацию без использования Adobe Flash.

image


Им��ется возможность задать следующие параметры


Минимальный размер генерируемого пузыря
Максимальный размер генерируемого пузыря
Начальная позиция генерируемого пузыря
Управление полётом частицы (центрированный, влево, вправо)
Время жизни пузыря (продолжительность анимации)
Дисперсия времени жизни пузыря (продолжительности анимации)
Рассеивание по оси 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. Предупреждаю на слабых машинах возможны заметные тормоза!