Скрипт падающего снега на сайт
Всем привет!
Скоро новый год и многие веб-мастеры украшают свой сайт новогодними плюшками. Вот и я решил поделиться отличным скриптом для сайта, который добавляет падающие снежинки для вашего сайта. Скрипт отличный. сайт не нагружает. В общем всем качать))
В интернете я нашел отличный скрипт падающего снега для сайта, но он меня не устраивал тем, что снежинки были сделаны из символа звездочки - "*", различались снежинки только за счет разного шрифта. А мне хотелось более "фигуристых снежинок". Тогда, я нашел 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("❄","❅","❉") - это массив внешнего вида снежинок. Ниже представлена таблица дополнительных веселых картинок, которые можно использовать вместо снега. Кстати как идея можно использовать любые падающие надписи на сайте =)
- var sinkspeed=0.6 - скорость падения снега
- var snowmaxsize=30 - максимальный размер снежинок
- var snowminsize=8 - минимальный размер снежинок
☃ | ☃ | Снеговик |
❄ | ❄ | Снежинка |
❅ | ❅ | Зажатая трилистниками снежинка |
❆ | ❆ | Жирная остроугольная снежинка |
★ | ★ | Закрашенная звезда |
☆ | ☆ | Не закрашенная звезда |
✪ | ✪ | Не закрашенная звезда в закрашенном круге |
✫ | ✫ | Закрашенная звезда с не закрашенным кругом внутри |
✯ | ✯ | Вращающаяся звезда |
⚝ | ⚝ | Начерченная белая звезда |
⚪ | ⚪ | Средний не закрашенный круг |
⚫ | ⚫ | Средний закрашенный круг |
⚹ | ⚹ | Секстиле (типа снежинка) |
✵ | ✵ | Восьмиконечная вращающаяся звезда |
❉ | ❉ | Звёздочка с шарообразными окончаниями |
❋ | ❋ | Жирная восьмиконечная каплеобразная звёздочка-пропеллер |
✺ | ✺ | Шестнадцати конечная звёздочка |
✹ | ✹ | Двенадцати конечная закрашенная звезда |
✸ | ✸ | Жирная восьмиконечная прямолинейная закрашенная звезда |
✶ | ✶ | Шестиконечная закрашенная звезда |
✷ | ✷ | Восьмиконечная прямолинейная закрашенная звезда |
✴ | ✴ | Восьмиконечная закрашенная звезда |
✳ | ✳ | Восьмиконечная звёздочка |
✲ | ✲ | Звёздочка с не закрашенным центром |
✱ | ✱ | Жирная звёздочка |
✧ | ✧ | Заострённая четырёхконечная не закрашенная звезда |
✦ | ✦ | Заострённая четырёхконечная закрашенная звезда |
⍟ | ⍟ | Звезда в круге |
⊛ | ⊛ | Снежинка в круге |
His lawyers said he would suffer a torturous and lingering death as executioners tried to find a...
https://zithromax.top - buy zithromax online without perscription De Grasse C, O Connor AM, Boulet...
lotensin meloxicam gout dosage Sometimes, at times of crisis, when diplomats fail to reach a...
https://doxycycline.world - sun exposure and doxycycline Kristensen B, Malm J, Carlberg B, et al
One should be aware that when using any herbs while undergoing ART such as IVF, interactions...