Главная » Интересные решения для сайтов uCoz » Ucoz » Разное для ucoz


rainyday.js - анимация дождя


rainyday.js - анимация дождя
Не много описания:
Сегодня мы рады представить вам rainyday.js - это библиотека на JavaScript, с помощью которой вы сможете сделать на своём сайте анимацию падающих каплей дождя, на поверхность стекла. Главная особенность этой библиотеке, то, что вы можете настраивать капли с помощью специального API, и для этого не надо быть профессионалом в программирование на JavaScript. Работает во всех современных браузерах.

Установка библиотеки
1. Загрузите rainyday.js, в файловый менеджер
2. Подключаем сому библиотеку и код с настройками, пере устанавливаем следующий код:

Код
<script src="rainyday.js"></script>  
  <script>  
  function run() {  
  var image = document.getElementById('background');  
  image.onload = function() {  
  var engine = new RainyDay({  
  image: this  
  });  
  engine.rain([ [1, 2, 8000] ]);  
  engine.rain([ [3, 3, 0.88], [5, 5, 0.9], [6, 2, 1] ], 100);  
  };  
  image.crossOrigin = 'anonymous';  
  image.src = 'http://i.imgur.com/N7ETzFO.jpg';  
  }  
  </script>

В image.src - указываем ссылку на изображение

3. Теперь заменим , на:

Код
<body onload="run();">


4. И вставляем код изображение:

Код
<img id="background" alt="background" src="" />


src="" - оставляем пустым.

Автор материала:
...
Логин на сайте: ...
Группа: ...
Материалов: ...
Статус: ...
О материале:
Дата добавления материала:
12.07.2016 в 14:15
Материал просмотрен: 578 раз
Категория материала:
Разное для ucoz
К материалу оставлено: 0 комментариев




Рекомендую к просмотру

Вертикальное меню - Отличное меню для сайта

Отличное меню для сайта


Читы для игр - KZH kreedy hack.exe

KZH kreedy hack.exe


Скрипты - Скрипт Нас сегодня посетили для uCoz

Скрипт Нас сегодня посетили для uCoz


Разное для ucoz - Свои подсказки

Свои подсказки



К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Немного информации в комментариях!
1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных, например таких: uCoz.ru, forum.ucoz.ru, blog.ucoz.ru и т.п.)
4. Запрещено флудить и спамить, предлогать услуги (например: "делаю рипы, адаптации на заказ" "помогу с установкой шаблона" и т.д. )

Комментарии к материалу rainyday.js - анимация дождя
avatar
Close
Здравствуйте Гость
Пожалуйста зарегистрируйтесь или войдите под своим логином на сайт.
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0