Скачать
Это то, что я так давно искал - погодные явления с использованием мощи HTML5 и jQuery. Автор работы предоставил нам выбор между пятью разными эффектами - дождь, снег, капельки с потолка, странный эффект, который я не смогу описать, больше похоже на перья и ливень
Моё тестирование в фидле:
КЛИК
Установка:
1#: После /head на нужных страницах вставляйте:
|
|
<script type="text/javascript" src="/js/ClassyEffects.src.js"></script> |
2#: Далее в то место, где будет блок с дождём:
|
|
<canvas width="300" id="rainCanvas" height="300" style="background-color:#555"></canvas> |
3#: Скрипт запускаем следующим кодом:
|
|
<script> var effect = new ClassyEffects({ effect: 'rain', container: $("#rainCanvas") }); </script> |
Обратите внимание на effect: 'rain' - можно выбирать один из четырёх эффектов:
rain,
snow,
drip и
tadpoles. Если оставить это значение пустым, то по-умолчанию будет эффект ливня
Осталось лишь залить JS файл из прикреплённого архива в папку
js
