Эффект падающих осенних листьев для вашего сайта - ForumOpen.Org.Ru Самый большой форум в России
Мини-профиль
Воскресенье
19.05.2024
21:17

Логин:
Пароль:
[ Управление профилем ]


Мини-чат
300


Наш опрос
Какой браузер лучше ?
Всего ответов: 20


Оптимизация
Сайт оптимизирован почти под все современные Интернет-браузеры:

warp37

warp37

warp37



Статистика


Приветствую Вас, Гость · RSS 19.05.2024, 21:17
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

  • Страница 1 из 1
  • 1
ForumOpen.Org.Ru Самый большой форум в России » Мастерская » Скрипты для Ucoz » Эффект падающих осенних листьев для вашего сайта
Эффект падающих осенних листьев для вашего сайта
KadilakДата: Вторник, 15.02.2011, 19:06 | Сообщение # 1
Генерал-майор
Группа: Администратор
Сообщений: 447
Награды: 0
Репутация: 93
Статус:

Пример

Теперь переходим к установке:

После /head вставляйте следующий код:

Code
<script language="JavaScript1.2">  

//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)  
//Modified by Dynamic Drive for NS6 functionality  
//visit http://www.dynamicdrive.com for this script  

//Pre-load your image below!  
grphcs=new Array(6)  
Image0=new Image();  
Image0.src=grphcs[0]="/images/al.gif";  
Image1=new Image();  
Image1.src=grphcs[1]="/images/bl.gif"  
Image2=new Image();  
Image2.src=grphcs[2]="/images/cl.gif"  
Image3=new Image();  
Image3.src=grphcs[3]="/images/dl.gif"  
Image4=new Image();  
Image4.src=grphcs[4]="/images/el.gif"  
Image5=new Image();  
Image5.src=grphcs[5]="/images/fl.gif"   

Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!  
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];  
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;  
for (i=0; i < Amount; i++){   
   Ypos[i] = Math.round(Math.random()*WinHeight);  
   Xpos[i] = Math.round(Math.random()*WinWidth);  
   Speed[i]= Math.random()*5+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>

Всё, скрипт установлен и остаётся лишь залить в папку images все картинки, которые находятся в прикреплённом архиве

1506_Desktop.rar (3.1 Kb)




 
ForumOpen.Org.Ru Самый большой форум в России » Мастерская » Скрипты для Ucoz » Эффект падающих осенних листьев для вашего сайта
  • Страница 1 из 1
  • 1
Поиск: