Скрипт падающего снега на сайт

Мы делаем лучше!
Список всех наших услуг >>

Скрипт падающего снега на сайт

Скрипт падающего снега на сайт

Всем привет! smiley

Скоро новый год и многие веб-мастеры украшают свой сайт новогодними плюшками. Вот и я решил поделиться отличным скриптом для сайта, который добавляет падающие снежинки для вашего сайта. Скрипт отличный. сайт не нагружает. В общем всем качать))

В интернете я нашел отличный скрипт падающего снега для сайта, но он меня не устраивал тем, что снежинки были сделаны из символа звездочки - "*", различались снежинки только за счет разного шрифта. А мне хотелось более "фигуристых снежинок". Тогда, я нашел html-коды снежинок, вот некоторые:

  • ❄ - ❄ - Снежинка
  • ❅ - ❅ - еще одна снежинка

Именно эти снежинки я внедрил в Java скрипт падающего снега.

Скрипт падающего снега на сайт

Посмотреть принцип работы скрипта можно на этой "снежной" странице с примером

Для установки на сайт, пропишите следующий код между тегами head:

<script type="text/javascript" src="Вашсайт.ru/путь к скрипту/snow.js"></script>

Если вы используете движок сайта Drupal, то для установки скрипта со снегом, вам нужно положить скаченный файл snow.js в папку js вашей темы. А затем в файле НАЗВАНИЕ_ВАШЕЙ_ТЕМЫ.info добавитьь строчку scripts[] = js/snow.js

Настройки скрипта:

  • var snowmax=50 - максимальное кол-во падающих снежинок
  • var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff") - это массив для установки цвета для снежинок
  • var snowletter=new Array("&#10052;","&#10053;","&#10057;") - это массив внешнего вида снежинок. Ниже представлена таблица дополнительных веселых картинок, которые можно использовать вместо снега. Кстати как идея можно использовать любые падающие надписи на сайте =)
  • var sinkspeed=0.6 - скорость падения снега
  • var snowmaxsize=30 - максимальный размер снежинок
  • var snowminsize=8 - минимальный размер снежинок

 

&#9731;

Снеговик

&#10052;

Снежинка

&#10053;

Зажатая трилистниками снежинка

&#10054;

Жирная остроугольная снежинка

&#9733;

Закрашенная звезда

&#9734;

Не закрашенная звезда

&#10026;

Не закрашенная звезда в закрашенном круге

&#10027;

Закрашенная звезда с не закрашенным кругом внутри

&#10031;

Вращающаяся звезда

&#9885;

Начерченная белая звезда

&#9898;

Средний не закрашенный круг

&#9899;

Средний закрашенный круг

&#9913;

Секстиле (типа снежинка)

&#10037;

Восьмиконечная вращающаяся звезда

&#10057;

Звёздочка с шарообразными окончаниями

&#10059;

Жирная восьмиконечная каплеобразная звёздочка-пропеллер

&#10042;

Шестнадцати конечная звёздочка

&#10041;

Двенадцати конечная закрашенная звезда

&#10040;

Жирная восьмиконечная прямолинейная закрашенная звезда

&#10038;

Шестиконечная закрашенная звезда

&#10039;

Восьмиконечная прямолинейная закрашенная звезда

&#10036;

Восьмиконечная закрашенная звезда

&#10035;

Восьмиконечная звёздочка

&#10034;

Звёздочка с не закрашенным центром

&#10033;

Жирная звёздочка

&#10023;

Заострённая четырёхконечная не закрашенная звезда

&#10022;

Заострённая четырёхконечная закрашенная звезда

&#9055;

Звезда в круге

&#8859;

Снежинка в круге