Главная » Файлы » Прочие скрипты » jQuery

Эффект кругов на воде на вашем фоне через плагин jQuery Droplets
23.06.14, 09:34:48

Скачать файл




Очень интересный плагин, который создаёт на вашем сайте эффект кругов на воде (Будто бы идёт дождь). Плагин актуален в данный момент, так как за окном осень smile

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<script type="text/javascript" src="/js/jquery.droplets.js"></script>
<script>

$(document).ready(function() {  
$("#boxy").droplets({  
maxRadius: 50,  
dropRate: 10,  
dropSpreadTime: 2000  
});  
  });  
</script>
  <style>  
  #boxy {  
position:absolute;  
height:100%;  
width:100%;  
overflow:hidden;  
border:solid;  
z-index:-1;  
  }  
  </style>  

  <div id="boxy"></div>


Немного разберём настройки:

maxRadius: 50, - максимальный размер окружностей
dropRate: 10, - количество одновременно появляющихся окружностей
dropSpreadTime: 2000 - время от появления до исчезания окружностей

Осталось лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: эффект, воде, кругов, Через, плагин, на, JQuery, фоне, вашем
Просмотров: 357 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: