Снег на сайте - Jquery плагин
Все что требуется распаковать архив из новости, загрузить папку со скриптами в шаблон сайта и дописать пару строк в главный шаблон сайта
1. Распаковываем архив и закидываем содержимое в папку с Вашим шаблоном
2. В main.tpl подключаем библиотеку Jquery (если не подключена).
(Все подключения и вставки производить до закрывающего тэга
</head>)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
3. Подключаем файл снега
<script src="{THEME}/js/snow/snow.min.js" type="text/javascript"></script>
4. Вставляем код настроек
<script type="text/javascript">jQuery(document).ready(function($){ $.snow({ flake_number: 25, flake_folder: '{THEME}/js/snow/small-02/', flake_imgs: 5, linked_flakes: 0, link: '', melt: 500, wind: 50, rotation: 4, speed: 7}); });</script>
Пояснения к настройкам
flake_number -- Максимальное количество снежинок на экране, рекомендую не устанавливать значение выше 100
flake_folder -- Папка с изображением снежинок
flake_imgs - Количество изображений снежинок, находящихся в папке
linked_flakes - Процент снежинок, которые являются ссылками: 0-нет, 50-половина, 100-все
link - URL на который будут перенаправлять
melt - время в миллисекундах, которая принимают хлопья для таяния в нижней части экрана (0 - отключения таяние, 500 - нормальной таяние)
wind - сила ветра (50 - умеренный ветер, 100 - сильный)
rotation - скорость вращения (4 - нормальная скорость)
speed - скорость падения (7 - нормально, 12 - быстро)
ВСЕ. Пользуемся на здоровье! :)))
P.S.
В IE не работает rotation (объяснять надеюсь не надо).
источник: xsonz.ru
Сами снежинки идущие в комплекте к плагину очень даже в тему ;)
неплохо по первости смотрится набор presents-32
для его включение замените строку
flake_folder: '{THEME}/js/snow/small-02/',
на
flake_folder: '{THEME}/js/snow/presents-32/',
набор ice-24
для его включение замените строку
flake_folder: '{THEME}/js/snow/small-02/',
на
flake_folder: '{THEME}/js/snow/ice-24/',
скачать архив с плагином
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
Падающий снег на сайт с помощью jQuery
Еще один способ сделать падающие снежинки на сайт в канун Нового года. В этот раз помог сайт my-dle.ru на котором и был обнаружен данный скрипт Для работы скрипта необходима библиотека Jquery... читать далее
Как сделать падающий снег на сайте (вариант 2)
Для всех тех, кто хочет видеть на своем сайте пдающий снег, но кому не подошел вариант описанный в новости "скрипт падающего снега для ДЛЕ" предлагаю к рассмотрению второй вариант. Он не требует... читать далее
Снег на сайте для DLE
Очередная реализация снежинок для сайта - создаем новогоднее настроение средствами JS. Вывод снежинок организуем через раздел админки "управление рекламой", тем более, что весь код помещается внутри... читать далее
Скрипт падающего снега на сайте
Скрипт падающего снега обычно используют перед новым годом Собственно все элементарно! В тело html страницы вставляем Ява-скрипт и на сайте уже падает снег. Но я предлагаю более изящное решения для... читать далее
Кросспостинг свежих материалов вашего сайта в блогохостингах и социальных сетях
Если кратко: вышла на вашем сайте свежая публикация и тут же автоматически анонс статьи ушел в ваш бложек на жж, я.ру и твиттер. Из чего, собственно строится подобная система позволяющая... читать далее
Как добавить виджет комментарии вконтакте для ДЛЕ-сайта
При помощи виджета ВКонтакте Вы можете за 5 минут добавить на Ваш сайт возможность комментирования статей и других материалов. 80 миллионов пользователей не только смогут моментально делиться своим... читать далее
Прокомментировать
Облако тегов
angular CSS css es6 frontend habrahabr.ru html HTML html5 javascript JavaScript js layout react seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте Студия создания и продвижения сайтов hover.com.ua . По материалам: С. Рамос, ди Мария, Хедира и Адебайор не сыграют с "Валенсией".