Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: VIRTUS  
Форум » Создание сайтов в системе UCOZ.RU » Подробное редактирование сайта (скрипты для ucoz) » Снег на сайт.
Снег на сайт.
VIRTUSДата: Понедельник, 11.01.2010, 21:37 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Ранг пользователя:
Страна: Российская Федерация
Город: Санкт-Петербург
Сообщений: 201
Репутация: 101
Статус: Offline
Где новый год, там и снег.
ВАРИАНТ 1
Code
<script language="JavaScript1.2">    
grphcs=new Array(2)    
Image0=new Image();    
Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif";    
Image1=new Image();    
Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg2.gif";    
Amount=50;    
Ypos=new Array();    
Xpos=new Array();    
Speed=new Array();    
Step=new Array();    
Cstep=new Array();    
ns=(document.layers)?1:0;    
ns6=(document.getElementById&&!document.all)?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><img src="+rndPic+"></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];//osw    
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');    
}    
document.write('</div></div>');    
}    
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;    
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;//nzrfm.net.ru    
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+3;    
Cstep[i]=0;    
Step[i]=Math.random()*0.1+0.05;    
}    
function fall(){    
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;    
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;    
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;    
var wscrll=(ns||ns6)?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+3;    
}    
if (ns){    
document.layers['sn'+i].left=Xpos[i];    
document.layers['sn'+i].top=Ypos[i]+hscrll;    
}    
else if (ns6){    
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);    
document.getElementById("si"+i).style.top=Ypos[i]+hscrll;    
}    
else{    
eval("document.all.si"+i).style.left=Xpos[i];    
eval("document.all.si"+i).style.top=Ypos[i]+hscrll;    
}    
Cstep[i]+=Step[i];    
}    
setTimeout('fall()',20);    
}    
window.onload=fall    
//-->    
</script>

Снег на сайте и краткое описание
ВАРИАНТ 2

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

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; - высота и ширина снежинок .

При желании можно выводить не один, а несколько типов снежинок . Для этого в скрипте нужно будет заменить текст:
Code
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";

вот этим:

Code
Image0 = new Image();
Image0.src = "http://szenprogs.ru/images/snow/snow1.gif";
Image1 = new Image();
Image1.src = "http://szenprogs.ru/images/snow/snow2.gif";
Image2 = new Image();
Image2.src = "http://szenprogs.ru/images/snow/snow3.gif";
Image3 = new Image();
Image3.src = "http://szenprogs.ru/images/snow/snow4.gif";
Image4 = new Image();
Image4.src = "http://szenprogs.ru/images/snow/snow5.gif";
Image5 = new Image();
Image5.src = "http://szenprogs.ru/images/snow/snow6.gif";

grphcs = new Array(1);
grphcs[0] = "http://szenprogs.ru/images/snow/snow1.gif";
grphcs[1] = "http://szenprogs.ru/images/snow/snow2.gif";
grphcs[2] = "http://szenprogs.ru/images/snow/snow3.gif";
grphcs[3] = "http://szenprogs.ru/images/snow/snow4.gif";
grphcs[4] = "http://szenprogs.ru/images/snow/snow5.gif";
grphcs[5] = "http://szenprogs.ru/images/snow/snow6.gif







 
Форум » Создание сайтов в системе UCOZ.RU » Подробное редактирование сайта (скрипты для ucoz) » Снег на сайт.
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи

Таблица стилей (CSS)

[2]

Скрипт Вида новостей от osite.ucoz.ru (2)

[0]

Набор персонала

[0]

Вопросы по модернизации

[5]

Скрытый текст как на dle. Скрипт для UcoZ.

[4]

Таблица стилей (CSS)

[2]

1. VIRTUS

[201]

2. Good

[5]

3. KeRO

[2]

saratoff

[25.01.2016]

BOPOH

[13.12.2015]

мой

[01.12.2015]

Rambler's Top100 Анализ сайта pr V1T.RU
Copyright MyCorp © 2009-2024
SORT