Снег на сайт, падающий снег на сайте, скрипт снега для сайта, скрипт снег для ucoz, украшение для сайт новый год

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

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

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

Установка очень простая, копируем код ниже и вставляем к себе на сайт в тег 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 ∫ Просмотров: 63209 ∫ 23.12.20124.6
» Оцени и добавь:
оцени статью
4.6
33 Комментария Поделись своим мнением
#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
Цитатнуть
Очень хочется гирлянду такую! Как ее разместить? И где взять?
#28 Написал Privete Person, 27.12.2013 17:55
Цитатнуть
Пишу про первый вариант. Может кому пригодится:

В css надо прописать
#snowflakesCanvas {
position: fixed;
top: 0;
}

(как уже сказали ниже). Далее

Снег сам по себе проблемный - на событие мыши он уходит в z-index:-1, чтобы не перекрывать контент и можно было навести указатель на ссылку. но нормально это работает только когда у вас сразу фон под текстом и больше ничего.
На нормальном сайте - это не катит и глючит вообще. Можно сделать снег просто поверх фона, и пониз вашего сайта (т.е. по бокам у вас будет красивый фон + эти анимированные снежинки)
Делал наскоро, без заморочек:
В snow.js комментируем блок

/*
doc.mousemove(active);
try {
doc.mouseenter(active);
} catch (err) { }
try {
doc.scroll(active);
} catch (err) { }
try {
doc.keydown(active);
} catch (err) { }
try {
doc.click(active);
} catch (err) { }
try {
doc.dblclick(active);
} catch (err) { }
*/

Дальше, убиваем строку
//jQSnow.css('z-index', 9999);

А строку
jQuery('body').append( snowflakesCanvas );
меняем на
jQuery('body').prepend( snowflakesCanvas );
#27 Написал Taras, 27.12.2013 16:49
Цитатнуть
Та же проблема скрипт работает, но все ссылки не активны
#26 Написал Alex, 26.12.2013 16:08
Цитатнуть
[quote=Sergio]Как можно уменьшить скорость падения снежинок на первом скрипте в 2 раза?[/quote]
А у вас навигация работает на сайте после установки снега 1 вариант
#25 Написал Sergio, 26.12.2013 14:27
Цитатнуть
Как можно уменьшить скорость падения снежинок на первом скрипте в 2 раза?
Вы зашли на сайт как незарегистрированный пользователь. Чтобы получить полный доступ к сайту, дополнительные возможности, пройдите пятиминутную регистрацию, либо войдите на сайт под свои логином.
Что говорят заказчики?
Наша команда сотрудничает с MVC достаточно продолжительное время. Мы очень довольны результатами работы. Рекомендуем!
Брович Денис, Россия
Заказывал шаблон, всё на высшем уровне, все что я просил было выполненно, даже больше, перевыполнено. Всё получилось просто супер, сочетания цветов и красота просто поражают.
Велисов Юрий, Украина
Приятно работать! Отзывчивость, исполнительность, заинтересованность в результате и качестве работы! Спасибо!
Смолен Аленксандо, Украина