RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Admin 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Падающий снег на сайте
Падающий снег на сайте
JockerДата: Пятница, 22.10.2010, 21.24.05 | Сообщение # 1
Глава сайта
Группа: Администраторы
Сообщений: 493
« »

Смайл настроения:
Ранг:

Доп. данные:

Для начала вставим на сайт скрипт. Его желательно вставить в самом конце страницы перед < /body>. Такая установка предотвратит притормаживание при падении снега, так как страница уже будет подгружена.

Code
<script language="javascript" type="text/javascript">               
<!--               
Amount = 100;               

Image0 = new Image();               
Image0.src = "http://szenprogs.ru/images/snow/snow1.gif";               

grphcs = new Array(1);               
grphcs[0] = "http://szenprogs.ru/images/snow/snow1.gif";               

Ypos = new Array();               
Xpos = new Array();               
Speed = new Array();               
Step = new Array();               
Cstep = new Array();               
var YPosA;               
ns = (document.layers)?1:0;               
if (ns) {               
                for (i = 0; i < Amount; i++) {               
                  var P = Math.floor(Math.random()*grphcs.length);               
                  rndPic = grphcs[P];               
                  document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><a http://szenprogs.ru/blog/2009-05-06-41><img src="+rndPic+"><\/a><\/LAYER>");
                }               
} else {               
                document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');               
                for (i = 0; i < Amount; i++) {               
                  var P = Math.floor(Math.random()*grphcs.length);               
                  rndPic = grphcs[P];               
                  document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute; top:0px; left:0px; width:20px; height:20px;">');               
                }               
                document.write('<\/div><\/div>');               
}               
WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++) {               
                Ypos[i] = Math.round(Math.random()*WinHeight);               
                Xpos[i] = Math.round(Math.random()*WinWidth);               
                Speed[i]= Math.random()*3+2;               
                Cstep[i] = 0;               
                Step[i] = Math.random()*0.1+0.05;               
}               
function fall() {               
                var WinHeight = (document.layers)?window.innerHeight:window.document.body.clientHeight;               
                var WinWidth = (document.layers)?window.innerWidth:window.document.body.clientWidth;               
                var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop;
                var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft;               
                for (i=0; i < Amount; i++) {               
                  sy = Speed[i]*Math.sin(90*Math.PI/180);               
                  sx = Speed[i]*Math.cos(Cstep[i]);               
                  Ypos[i] += sy;               
                  Xpos[i] += sx;               
                  if (Ypos[i] > WinHeight) {               
                    Ypos[i] = -60;               
                    Xpos[i] = Math.round(Math.random()*WinWidth);               
                    Speed[i] = Math.random()*5+2;               
                  }               
                  if (ns) {               
                    document.layers['sn'+i].left = Xpos[i];               
                    document.layers['sn'+i].top = Ypos[i]+hscrll;               
                  } else {               
                    document.getElementById('si'+i).style.left = Xpos[i]+'px';               
                    YPosA=Ypos[i]+hscrll;               
                    document.getElementById('si'+i).style.top = YPosA+'px';               
                  }               
                  Cstep[i] += Step[i];               
                }               
                setTimeout('fall()',10);               
}               
fall();               
//-->               
</script>

При вставке скрипта в начало страницы, снег начнет падать сразу с момента входа на страницу. Если скрипт в конце страницы, то и снег пойдет только после загрузки страницы полностью.
Расшифруем некоторые параметры скрипта:
Amount = 100; - это количество видимых на странице снежинок.
Image0.src = "http://szenprogs.ru/images/snow/snow1.gif"; и grphcs[0] = "http://szenprogs.ru/images/snow/snow1.gif" - путь к изображениям снежинок.
width:20px; height:20px; - высота и ширина снежинок.
При желании можно выводить не один, а несколько типов снежинок. Для этого в скрипте нужно будет заменить текст:

На этот:

Всего доступно 6 типов снежинок (для получения адреса снежинки щелкните по ней мышкой):

Снежинка 1 Снежинка 2 Снежинка 3 Снежинка 4 Снежинка 5 Снежинка 6

Чтобы изменить скорость падения снежинок нужно в этом месте заменить цифру 10

Code
setTimeout('fall()',10);

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

Code
<?if($MONTH$=12 || $MONTH$=1 || $MONTH$=2)?>
тут код скрипта
<?endif?>

Этот пример будет показывать падающий снег только в декабре, январе и феврале.

Источник: szenprogs.ru


Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Падающий снег на сайте
Страница 1 из 11
Поиск:
Сегодня нас посетили
kilapoun, jaclynyj4, tammiegs16, shaneoq3, benjz1, ruthlx60, loriens69, lirpi, mildredfy69, autohiteqi, Serviceken, wandawe18, Jamespeddy, BeataSore, lanaqh69, tommielv18, [Полный список]


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика