Скрипт падающего снега обычно используют перед Новым годом.
Собственно все элементарно! В тело html-страницы вставляем Ява-скрипт и на сайте уже падает снег. Но я предлагаю более изящное решения для сайтов на основе движка DLE. Для начала, переходим в админку, в ней находим раздел «Рекламные материалы».
В нем создаем новый баннер. Название баннерного поля: пишем sneg. Описание баннера: например, «падающие снежинки».
В тело баннера вводим код:
<script> <!-- Begin // требования: только поддержка JAVA и все. // скрипт всегда должен вставлятся сразуже после тега body иначе он не будет работать. //создайте обязательно самостоятельно рисунок (sneg.gif)или пропишите путь ниже. // если Вы хотите преукрасить свой сайт то это то что нужно: var no = 20; // [b]количество снежинок[/b] var speed = 20; // [b]скорость снежинок[/b] var snowflake = "sneg.gif"; //[b]рисунок, который будет падать[/b]
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
(C)
ВНИМАНИЕ! Этот скрипт в этом (2008 году) работает только в браузере IE, в других браузерах советую использовать второй вариант скрипта .
Делаем сами: cетка календаря на 2008 год в Corel Draw Ну вот, наконец, я добралась до создания календаря в Corel Draw. Не скажу, что я разобралась в этом вопросе подробнейшим образом, поскольку, некоторые возможности хоть и указаны, но отчего-то...
Как состарить фотографию и поместить в рамку. Когда-то и я ничегошеньки не умела в Photoshope... Для тех, кто совсем не знает, что и как делать, но очень хочет это сделать. Вам понадобится, собственно, программа Фотошоп , ваша фотография в...
Всю предыдущую неделю нас пугали похолоданием и снегом, и вот это случилось! Сегодня, думаю, многие наблюдали, как небо спешно заволокло зловещими тучами, температура резко упала и пошел первый снег. Мокрый, холодный, но самый настоящий первый...
Надеюсь, многие из посетителей сайта заметили новую ссылку внизу страницы, а именно «КПК-версия»; о том, для чего это сделано и какую пользу может принести именно вам пойдет речь ниже. Все чаще можно встретить людей, активно использующих свой...
Итак, обсудив в прошлый раз вопрос о том, что надо сделать первым делом, если вы созрели для создания своего собственного сайта, но не знаете, как к этому делу подступиться, переходим к следующему. Теперь у вас уже есть свой домен и площадка под...
Рекомендуем Вам авторизироваться или зарегистрироваться на сайте, в этом случае вы сможете подписаться на комментарии к статьям и видеть информацию, скрытую от анонимных посетителей.
в качестве исходной снежинки для заливки на свой сайт можно использовать нашу.
