Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Скрипты для uCoz [113]Графика для uCoz [11]
Шаблоны для uCoz [40]
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="" - оставляем пустым.
Скачать файл 25.1Kb
Поделиться новостью в социальной сети.
Источник: http://maroslaw.github.io
Имя файла:
Размер: 25.1Kb
Добавил: Marishka
Дата добавления: 01.05.2016 в 22:08 по МСК
Категория: Скрипты для uCoz
Скачиваний: 84
Просмотров: 235
Комментариев: 0
Рейтинг:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]