Скрипт падающего снега на сайте


Скрипт падающего снега на сайте


Как сделать падающий снег на сайте

Скрипт падающего снега обычно используют перед новым годом
Собственно все элементарно! В тело html страницы вставляем Ява-скрипт и на сайте уже падает снег.
Но я предлагаю более изящное решения для сайтов на основе движка ДЛЕ,
Для начало переходим в админку, в ней находим раздел «Рекламные материалы»

Скрипт падающего снега на сайте


В нем создаем новый баннер
Название баннерного поля: пишем sneg
Описание баннера: например «падающие снежинки»

Скрипт падающего снега на сайте


В тело баннера вводим код:
<script><!-- Begin// требования: только поддержка JAVA и все.// скрипт всегда должен вставлятся сразуже после тега body иначе он не будет работать//создайте обязательно самостоятельно рисунок (sneg.gif)или пропишите путь ниже.// если Вы хотите преукрасить свой сайт то это то что нужноvar no = 20; // количество снежинокvar speed = 20; // скорость снежинокvar snowflake = "sneg.gif"; //рисунок который будет дататьvar ns4up = (document.layers) ? 1 : 0;var ie4up = (document.all) ? 1 : 0;var dx, xp, yp;var am, stx, sty;var i, doc_width = 800, doc_height = 600;if (ns4up) {doc_width = self.innerWidth;doc_height = self.innerHeight;} else if (ie4up) {doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();for (i = 0; i < no; ++ i) {dx[i] = 0;xp[i] = Math.random()*(doc_width-50);yp[i] = Math.random()*doc_height;am[i] = Math.random()*20;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();if (ns4up) {if (i == 0) {document.write("<layer name="dot"+ i +"" left="25" ");document.write("top="25" visibility="show"><img src="");document.write(snowflake + "" border="0"></layer>");} else {document.write("<layer name="dot"+ i +"" left="25" ");document.write("top="25" visibility="show"><img src="");document.write(snowflake + "" border="0"></layer>");}} else if (ie4up) {if (i == 0) {document.write("<div id="dot"+ i +"" style="POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 25px; LEFT: 25px;"><img src="");document.write(snowflake + "" border="0"></div>");} else {document.write("<div id="dot"+ i +"" style="POSITION: ");document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");document.write("visible; TOP: 25px; LEFT: 25px;"><img src="");document.write(snowflake + "" border="0"></div>");}}}function snowNS() {for (i = 0; i < no; ++ i) {yp[i] += sty[i];if (yp[i] > doc_height-50) {xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = 0;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();doc_width = self.innerWidth;doc_height = self.innerHeight;}dx[i] += stx[i];document.layers["dot"+i].top = yp[i];document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);}setTimeout("snowNS()", speed);}function snowIE() {for (i = 0; i < no; ++ i) {yp[i] += sty[i];if (yp[i] > doc_height-50) {xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = 0;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}dx[i] += stx[i];document.all["dot"+i].style.pixelTop = yp[i];document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);}setTimeout("snowIE()", speed);}if (ns4up) {snowNS();} else if (ie4up) {snowIE();}// End --></script>


В корень нашего сайта записываем картинку со снежинкой на мой взгляд оптимальный размер 15х15 пикселей.
имя файла должн быть sneg.gif

Далее полученый нами тег баннера в виде {banner_sneg} нам необходимо добавить в наш шаблон основной страницы сайта.

Скрипт падающего снега на сайте


в основном разделе админки выбираем Шаблоны сайта
в данном разделе находим Общий макет страницы

Скрипт падающего снега на сайте


в нем ищем тег body
<body>{AJAX}{banner_sneg}

и сразу после тега AJAX прописываем свой тег баннера со снегом.

Скрипт падающего снега на сайте


сохраняем изменения в шаблоне.

Теперь если вы все сделали правильно у вас при заходе на главную страницу сайта будет идти снег :))
настройки по умолчанию показывают 20 снежинок которые падают с высоты 600 пикселей (т.е. в среднем на высоту одного экрана браузера)

Скрипт падающего снега на сайте в качестве исходной снежинки для заливки на свой сайт можно использовать нашу.

Кстати, если снежинки надоедят, Вам никто не мешает скажем осенью заменить снежинку на желтый лист :-) будет листопад.

Если снежинки надоели, достаточно в разделе сайта "Управление рекламой" отключить отображение банера sneg

PS: работающие снежинки можно посмотреть на проекте Ana-sm.ru


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.


13 октября 2009  11 61 843   снег на сайте Версия для печати


Похожие публикации

Снег на сайте - Jquery плагин

Наиболее современный способ реализации падающего снега на вашем сайте, работающем на движке DLE. Все, что требуется - распаковать архив из новости, загрузить папку со скриптами в шаблон сайта и... читать далее

Падающий снег на сайт с помощью jQuery

Еще один способ сделать падающие снежинки на сайт в канун Нового года. В этот раз помог сайт my-dle.ru на котором и был обнаружен данный скрипт Для работы скрипта необходима библиотека Jquery... читать далее

Идеи для стартапов / Сервис для боевого стресс-тестирования вашего сайта

Сидел я сегодня, обедал, и пришла в голову идея — а что если организовать нечто подобное сервису BXOD.com, только продавать клики для другой цели ;) Как это будет выглядеть: Для начала сервис... читать далее

Немного о CSS свойством «background-image»

CSS свойство « background-image » служит для заливки чего-либо (блока, ячейки таблицы, страницы целиком) фоновым рисунком. Что можно сделать, используя это свойство?... читать далее

Как сделать падающий снег на сайте (вариант 2)

Для всех тех, кто хочет видеть на своем сайте пдающий снег, но кому не подошел вариант описанный в новости "скрипт падающего снега для ДЛЕ" предлагаю к рассмотрению второй вариант. Он не требует... читать далее

скрипт поиска товаров по складу

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

Комментарии (11)

  1. #1 написал: Schuldig
    Группа: Гости
    7 марта 2008 09:54

    fellow ОГРОМНОЕ СПАСИБО!!!!!! Шикарный скрипт!!!!!!! Долго искал, и,как ни странно,тлоько сейчас наткнулся на стлоько удобно расписанный и пояснённый скрипт!!!!!!!!! СПАСИБО!
    • 0

       

  2. #2 написал: marcel
    Группа: Гости
    6 декабря 2008 17:20

    Работает данный скрипт только в браузере IE.
    • 0

       

  3. #3 написал: Ana
    Группа: Администраторы
    11 декабря 2008 14:13

    угу, в том году везде работал, а сейчас только в IE - разбираемся в чем дело..
    • 0

       

  4. #4 написал: TCSE
    Группа: Администраторы
    11 декабря 2008 17:53

    Починили второй вариант скрипта доступный по ссылке http://tcse-cms.com/main/sovet/72-kak-sd

    el...-na-sajjte.html://http://tcse-cms.c
    om/main/sovet/72-k...-na-sajjte.html

    работает во всех популярных рунетовский браузерах Opera, Firefox, IE,
    так что рекомендую именно этот скрипт
    • 0

       

  5. #5 написал: lolovich
    Группа: Гости
    13 декабря 2008 10:02

    помогите! у меня снежинки летают, но они почемуто в серых рамках, как убрать рамки? вот скриншот: http://pic.ipicture.ru/uploads/081213/84
    19/1M5ayUtSwa.jpg
    заранее спасибо!
    • 0

       

  6. #6 написал: TCSE
    Группа: Администраторы
    13 декабря 2008 15:11

    данный вариант скрипта как я понял сделан под браузер ИЕ в остальных он криво работает или вообще не отображается :(
    пробуйте второй вариант скрипты.
    • 0

       

  7. #7 написал: Skynet
    Группа: Гости
    23 декабря 2008 16:42

    lolovich: У тебя просто снежинки не на прозрачном фоне.
    • 0

       

  8. #8 написал: ZICKFREED
    Группа: Гости
    29 декабря 2008 09:08

    а снежинки только на РНР могут летать или на HTML сайтах тоже можно сделать
    • 0

       

  9. #9 написал: TCSE
    Группа: Администраторы
    29 декабря 2008 13:23

    а снежинки только на РНР могут летать или на HTML сайтах тоже можно сделать


    конечно на голом html
    • 0

       

  10. #10 написал: Zoolalaxy
    Группа: Гости
    20 октября 2009 17:07

    Cпасибо!!!

    Блин, народ какое сегодня число?
    • 0

       

  11. #11 написал: Борис
    Группа: Гости
    23 ноября 2011 18:08

    Zoolalaxy,
    Посмотри на дату написания вопроса..... wink
    • 0

       

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте По материалам: Четыре из четырех. . По материалам: Мауро Тасотти, Роберто Баджо, Паоло Мальдини и Деметрио Альбертини. . Трансферы все летние трансферы возможные летние трансферы ливерпуль 2015.