Я хотел бы познакомить читателей с интересным плагином jQuery, который будет интересен тем, кто хочет использовать на своем сайте интересную анимацию без использования Adobe Flash. 
Возможна установка следующих параметров
Минимальный размер создаваемого пузырька Максимальный размер создаваемого пузырька Начальная позиция сгенерированного пузырька Управление полетом частиц (по центру, слева, справа) Время жизни пузырька (продолжительность анимации) Отклонение времени жизни пузырька (продолжительность анимации) Дисперсия по осям 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. Скачать: Пузырьковый двигатель
Демонстрация
P.S. Предупреждаю, что на слабых машинах возможны заметные тормоза! Теги: #jQuery #плагин #Bubble Engine #jQuery
Вместе с данным постом часто просматривают:
-
Рекрутинг. Холодное Лето 2019
19 Oct, 24 -
Странные Люди…
19 Oct, 24 -
Сериал «Чернобыль»: Смотри И Думай
19 Oct, 24 -
Жизнь Без Ie6
19 Oct, 24
