» »

Падающий снег для сайта


Падающий снег для сайта

Привет, приходит на сайт уже зима-зимушка, пора уже и на сайте сделать зимнюю атмосферу. То скрипт падающего снега подойдет на любую тему. Можно поставить как на светлый или темный, но безусловно на темном красивее будет смотреться. Здесь вы можете поставить в шапку сайта и только снег будет в ней идти. И здесь будет смотреться оригинально и сделать можно на чисто белом фоне, если изображение или фон вверх портала темный.

Снег на сайте в шапке

В верхнюю часть сайта в самый верх ставите код:

Код
<script type="text/javascript" src="http://zornet.ru/Aben/Gsa/proplaying.ru-sneg.js"></script>  
<div style="position:absolute; top:0px;left:50%; margin-left:-500px; z-index:10;"><canvas width="1000" id="rainCanvas" height="160"></canvas></div>  
<script>  
var effect = new ClassyEffects({  
effect: 'snow',  
container: $("#rainCanvas")  
});  
</script>


Теперь на вашем сайте, будет идти снег, а не просто на весь сайт, а только на шапке, так же размеры можно поменять на свои.

Всем приятных снежных деньков!
05.11.2016 Просмотров: 434 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 11
Brung
Brung 05.11.2016 20:071
0
Скоро снегопад и бураны появятся на сайтах.
Kosten
Kosten 05.11.2016 20:132
0
Но сейчас еще рановато, все к праздникам делают.
yuriq
yuriq 06.11.2016 15:066
0
Я себе уже установил.
yuriq
yuriq 06.11.2016 15:067
0
Много снега тоже минус, нагружает сайт
Kosten
Kosten 06.11.2016 16:399
0
Но так то все такие фишки грузят сайт и потому ставят их на какое то время.
ucozmental
ucozmental 05.11.2016 23:183
0
Уже готовятся, не думаю, что только к праздникам, там игрушки всякие, но а снег можно и сейчас в шапке подключить, в скрипте как вижу и редактировать можно, чтоб за периметр не улетал, норм скрипт.
yuriq
yuriq 06.11.2016 15:055
0
Да можно! :)
Сафрон
Сафрон 05.11.2016 23:234
0
Тут нужно сказать, какие хлопья еще будут. так как если по размеру не большие, то нормально, но если как снежки, то думаю не нужно ставить, просто вид сайта можно ими затмить, но если он есть. 07a
yuriq
yuriq 06.11.2016 15:078
0
Там маленькие хлопья, удобно очень и сайт не нагружает.
Dixes
Dixes 09.11.2016 20:1110
0
у меня на чистом css вот тут посмотреть можно.
Kosten
Kosten 09.11.2016 20:3311
0
Но, нормально, есть на сайте и такой скрипт, этот идет скриптом.
avatar