Снег на сайте

Скрипт снега на сайтеС сегодняшнего дня и до конца зимы снег идет не только за windows, но и в windows. Если без «загадок», то сегодня я нашел/переписал/установил скрипт «снега» на сайте.

Сделать снег на сайте я хотел уже давно, но стандартные скрипты жутко тормозят, а реализовать свою идею не доходили руки. И тут совсем недавно заметил, что «мою» идею реализовали ребята из darberry.ru, которые сделали на сайте скрипт снега с использованием позиционирования двух background-image.

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

Сделать скрипт снега и написать данный пост так же подтолкнул г-н @shakinru и его последняя запись: «Как сделать падающий снег на своем сайте» , который советую прочесть всем, кто хочет поставить снег на своем сайте  и имеет при этом кривые руки (бугагашечка!).

Во-первых, для большей реализации нам нужно 2 изображения, которые будут двигаться, создавая эффект идущего снега. На переднем плане снега на сайте должны быть крупные снежинки, на заднем — более мелкие и чуть размытые (из-за снега видимость ухудшается :)

Во-вторых, нужно вывести на страницу 2 блока <div> 100% по ширине и высоте экрана, чтобы наш снег на сайте шел по всей странице, а не её кусочке.
[sourcecode language=»html»]

[/sourcecode]
[sourcecode language=»css»]
#snow div {
height: 100%;
left: 0px;
position: fixed;
top: 0px;
width: 100%;
}
#snow .front {
background: url(./images/snow/front-snow.png) repeat 50% 0px;
}
#snow .back {
background: url(./images/snow/back-snow.png) repeat 50% 0px;
}
[/sourcecode]

И на последнем шаге мы подключаем js скрипт, который заставляет наш снег двигаться по странице сайта.
Скачать скрипт снега на сайте.

Все вопросы по установке и предложения оставляйте в комментариях ниже. Буду рад стараться отвечать на них вовремя :)

Полезная статья? Расскажите о ней своим друзьям в вашей любимой социальной сети.
Это будет лучше, чем просто "спасибо" в комментариях :)
6 комментариев к Снег на сайте
  1. Ольга Ответить

    Попробуем и у себя снежком потрусить…

    • buzzman Ответить

      Надеюсь, Ольга, у вас получиться. На мой взгляд у меня самый реалистичный снег на сайте, да?))
      Кстати, Ольга, а вы уже зарегистрированы на eTXT? Думаю они будут рады новому копирайтеру)
      С наступающим Новым Годом!!

  2. seventh Ответить

    Чет не движется снег — скрипт не работает.

    • buzzman Ответить

      Ну на каждом сайте разбираться у меня времени нет. Если все сделали правильно, значит будет работать так же, как тут. Изначально стоит ограничение не запускать скрипт снега на сайте в IE и FF

  3. Иван Ответить

    Только объясните куда че почем кидать толком не понятно!!!!!!1111

    • buzzman Ответить

      Иван, в статье написано, что если у вас недостаточно знаний для реализации, идите к Шакину и используйте готовые решения и плагины. Кстати, ваш сайт заблокирован как переносчик вирусов(

Добавить комментарий

** Ваш email никогда не будет опубликован.