Зима на сайте - снег

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

Первый вариант

Установка очень простая, копируем код ниже и вставляем к себе на сайт в тег head.

Код
<script type='text/javascript' src='http://mvcreative.ru/example/6/1/snow.js'></script>
<script type='text/javascript'>
var aaSnowConfig = {snowflakes: '200'};
</script>

Вы можете изменить количество падающего снега изменив значение параметра snowflakes.

Второй вариант

Установка так же очень простая, копируем код ниже и вставляем к себе на сайт в тег head.

Код
<script type="text/javascript">
imageDir = "http://mvcreative.ru/example/6/2/snow/";
sflakesMax = 65;
sflakesMaxActive = 65;
svMaxX = 2;
svMaxY = 6;
ssnowStick = 1;
ssnowCollect = 0;
sfollowMouse = 1;
sflakeBottom = 0;
susePNG = 1;
sflakeTypes = 5;
sflakeWidth = 15;
sflakeHeight = 15;
</script>
<script type="text/javascript" src="http://mvcreative.ru/example/6/2/snow.js"></script>

Вы можете изменить количество падающего снега изменив значение параметра sflakesMax и sflakesMaxActive, скорость падения svMaxY, скапливание снега внизу ssnowStick включено - 1, отключено - 0.

Пока что все smile

Понравилась статья? Перейди по рекламной ссылке ниже.
Раздел: Веб детали html css js ∫ Просмотров: 91817 ∫ 23.12.20124.5
» Оцени и добавь:
оцени статью
4.5
37 Комментариев Поделись своим мнением
#37 Написал 1234669, 07.12.2017 10:43
Цитатнуть
почему второй код не работает в IE и Mozilla? Отображается только в Opera и Yandex.
Первый код нигде не работает
#36 Написал johnshytov1995, 30.11.2017 21:30
Цитатнуть
Кому скорость нужна будет - строка var speedFactor = 1; Меняете 1 на 0.5 - скорость уменьшается в 2 раза
#35 Написал johnshytov1995, 30.11.2017 21:19
Цитатнуть
Цитата Nick6696 ()
НЕ работает на сайте построенном на Битриксе!!!(((

Всё работает, если в коде разбираться.
Всем:
В скрипте строка jQuery('body').append( snowflakesCanvas );отвечает за вывод блока со снежинками ПОСЛЕ тега body. Вместо body укажите,куда вам надо выводить + еще не забываем править стили css для этого блока(#snowflakesCanvas).
#34 Написал Nick6696, 14.12.2016 11:14
Цитатнуть
Очень понравился ПЕРВЫЙ вариант, но к сожалению НЕ работает на сайте построенном на Битриксе!!!((((

Второй работает, а первому ума не приложу, что надо.

Подскажите в чем может быть дело!???
#33 Написал Neo3469, 08.11.2014 17:49
Цитатнуть
Спасибо большое за скрипт! Я пытаюсь воспользоваться вторым вариантом. Проблема в том, что я отключил функцию реагирование на мышь, но теперь не заметно качку снежинок. Кокой параметр нужно ихменить, чтобы добиться шатания снежинок? Я уже методом тыка всё перетыкал, но так и не нашел((.
#32 Написал Мистер Д, 24.01.2014 11:18
Цитатнуть
Уважаемый автор поста! Ваш скрипт перенаправляет пользователей планшетов на сайт с платным контентом. Google его банит. Мне Яндексу сообщить об этом?
#31 Написал Private Person, 30.12.2013 00:55
Цитатнуть
Добавлю еще, что если нужен работающий рейсайз, то

код функции resizeCanvasElements() такой:

function resizeCanvasElements() {
Snowflakes.updateBounds();
snowflakesCanvas.width = $(window).width();
snowflakesCanvas.height = $(window).height();
}
#30 Написал cech, 29.12.2013 22:11
Цитатнуть
Цитата Елена
И где взять

http://u.to/yX21Ag
#29 Написал Елена, 29.12.2013 02:13
Цитатнуть
Очень хочется гирлянду такую! Как ее разместить? И где взять?
Вы зашли на сайт как незарегистрированный пользователь. Чтобы получить полный доступ к сайту, дополнительные возможности, пройдите пятиминутную регистрацию, либо войдите на сайт под свои логином.
Рубрики блога
uCoz решения
Новые комментарии
Что говорят заказчики?
Наша команда сотрудничает с MVC достаточно продолжительное время. Мы очень довольны результатами работы. Рекомендуем!
Брович Денис, Россия
Заказывал шаблон, всё на высшем уровне, все что я просил было выполненно, даже больше, перевыполнено. Всё получилось просто супер, сочетания цветов и красота просто поражают.
Велисов Юрий, Украина
Приятно работать! Отзывчивость, исполнительность, заинтересованность в результате и качестве работы! Спасибо!
Смолен Аленксандо, Украина