Интересный эффект дождя на сайте на jQuery | RUDEBOXВы задумывались о том, что фон сайта это не просто картинка или обычная градиентная заливка, это нечто большее, это тот фактор на который пользователь может не сразу обратить свое внимание, но его подсознание замечает и несет информацию, в последствии которой складывается общее представление о сайте. В данном уроке мы рассмотрим как можно создать весьма интересный фон, а скорее даже эффект для фона в виде анимированного дождя с звуковым сопровождением. Все это осуществить не так тяжело. Нам понадобится немного магии и библиотека jQuery.

Для получения данного эффекта нам понадобится небольшой плагин Rainyday.js, с помощью которого можно симулировать капли дождя на стекле, а так же сопроводить это каким-то видео или звуковым фоном. Чтобы использовать данный плагин нам необходимо сформировать запросы, они у нас могут быть следующие: imgur ( ссылка на изображение), youtube, novideo (показывать видео или нет).

Интересный эффект дождя на сайте на jQuery | RUDEBOX

В случае если же вы хотите отображать видео с youtube то уберите параметр novideo=1:

Для изменения источника сайта изображения следует поменять строчку:

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.

Читайте также: