Как сделать чтоб на сайте падали снежинки
|
|
RedOS | Дата: Вторник, 05.02.2008, 07:19 | Сообщение # 21 |
Завсегдатай
Группа: Пользователи
Сообщений: 143
Репутация: 12
Подарки: 0
Статус: Оффлайн
| Такс...народ :HELP: Ни один из этих скриптов не видно в браузере Firefox! Так-как большинство пользуються файрфоксом то ПЛЗ ДАЙТЕ РАБОЧИЙ СКРИПТ!
МоЧи БукаШКу
|
|
| |
ХхАнгелхХ | Дата: Вторник, 05.02.2008, 09:51 | Сообщение # 22 |
V.I.P.
Группа: Модераторы
Сообщений: 847
Репутация: 81
Подарки: 10
Статус: Оффлайн
| Quote (Babochka) А есть какой нибудь скрипт падающих снежинок, который был бы виден в бразере опера? Вот этот работать должен...у меня в Опере работает Code <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новая страница 1</title> </head>
<body> <html> <head> <title>Падающий снег с возможностья выбора пользователем его количества</title> </head> <body onload="if (document.all||document.layers) {start()}" onResize=location.reload()> <CENTER> <SCRIPT> <!-- count = 40; speed = 5; snowfall = true; function start() { if (document.all) { // IExplorer yMax = document.body.clientHeight; xMax = document.body.clientWidth; } else if (document.layers) { // Netscape yMax = window.innerHeight; xMax = window.innerWidth; } xachse = new Array(); for(i = 1; i <=40; i++) { x = 10000; do { x = Math.round(Math.random() * 10000); } while(x > xMax-50); xachse[i] = x; }; yachse = new Array(); for(i = 1; i <=40; i++) { yachse[i] = - Math.round(Math.random() * 1000); }; show(); movesnow(); } function movesnow() { if (snowfall) { for(i = 1; i <=count; i++) { wind = Math.round(Math.random() * 10); // horizontale Bewegung if (wind == 2) { if (document.all) { document.all("snow"+i).style.left = xachse[i] + wind; } else if (document.layers) { document.layers['snow' + i].left = xachse[i] + wind; } } if (wind == 1) { if (document.all) { document.all("snow"+i).style.left = xachse[i] - wind; } else if (document.layers) { document.layers['snow' + i].left = xachse[i] - wind; } } if (document.all) { if (yachse[i] >= yMax-50+document.body.scrollTop) { yachse[i] = - Math.round(Math.random() * 1000); }; } else if (document.layers) { if (yachse[i] >= yMax-50+pageYOffset) { yachse[i] = - Math.round(Math.random() * 1000); }; } if ( count >= 30 ) { yachse[i] = yachse[i] + speed + 1; } else { yachse[i] = yachse[i] + speed; }; if (document.all) { document.all("snow"+i).style.top = yachse[i]; } else if (document.layers) { document.layers['snow' + i].top = yachse[i]; } } setTimeout('movesnow()',10); } } function hide(){ for(i = 1; i <=count; i++) { if (document.all) { document.all("snow"+i).style.visibility = "hidden"; } else if (document.layers) { document.layers['snow' + i].visibility = "hide"; } } } function show(){ for(i = 1; i <=count; i++) { if (document.all) { document.all("snow"+i).style.visibility = "visible"; } else if (document.layers) { document.layers['snow' + i].visibility = "show"; } } } //--> </script> <div id='snow1' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow2' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow3' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow4' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow5' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow6' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow7' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow8' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow9' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow10' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow11' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow12' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow13' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow14' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow15' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow16' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow17' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow18' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow19' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow20' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow21' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow22' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow23' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow24' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow25' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow26' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow27' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow28' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow29' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow30' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow31' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow32' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow33' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow34' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow35' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow36' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow37' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow38' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow39' style='position:absolute; z-index:3; font-size:20pt; color:#FFFFFF; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> <div id='snow40' style='position:absolute; z-index:3; font-size:20pt; color:#99ffff; font-family:Times New Roman, Helvetica; visibility:hidden; width:20'>*</div> С Новым Годом...<br> <br><a href="#" onClick="snowfall=true;movesnow();show();">start</a> <a href="#" onClick="snowfall=false">stop</a> <form name=снежинок> <select name="snowcount" onChange="hide();count=(options[selectedIndex].value);show();"> <option value="10">снежок</option> <option value="20" selected>метель</option> <option value="40">вихрь</option> </select> </form> </center> </body> </html> </body>
</html>
|
|
| |
Некромант | Дата: Вторник, 05.02.2008, 22:15 | Сообщение # 23 |
Наблюдатель
Группа: Пользователи
Сообщений: 37
Репутация: 1
Подарки: 0
Статус: Оффлайн
| спс тебе ХхАнгелхХ! у мну только твой скрипт работает! с меня +!
|
|
| |
ХхАнгелхХ | Дата: Среда, 06.02.2008, 02:08 | Сообщение # 24 |
V.I.P.
Группа: Модераторы
Сообщений: 847
Репутация: 81
Подарки: 10
Статус: Оффлайн
| Quote (Некромант) спс тебе ХхАнгелхХ! у мну только твой скрипт работает!с меня +! чудненько
|
|
| |
Haara | Дата: Воскресенье, 24.02.2008, 20:55 | Сообщение # 25 |
Новичок
Группа: Пользователи
Сообщений: 19
Репутация: 3
Подарки: 0
Статус: Оффлайн
| Quote (Onik) сори а куда это копировать то!? Обычно между тегами [body] и [/body] или [head] и [/head]. Если глобально - то в html-код странички.
|
|
| |
BlackCat | Дата: Пятница, 07.03.2008, 17:03 | Сообщение # 26 |
Бывалый
Группа: Пользователи
Сообщений: 47
Репутация: 9
Подарки: 0
Статус: Оффлайн
| Я уже давно к себе поставила... Вот только ссылку на картинку поменяла))) Вот смотрите что получилось))) http://anuta.ucoz.ru/tests/
Cat.
|
|
| |
BlackCat | Дата: Вторник, 18.03.2008, 11:42 | Сообщение # 27 |
Бывалый
Группа: Пользователи
Сообщений: 47
Репутация: 9
Подарки: 0
Статус: Оффлайн
| RedOS, У меня фаерфокс и все норм
Cat.
|
|
| |
BlackCat | Дата: Четверг, 20.03.2008, 10:50 | Сообщение # 28 |
Бывалый
Группа: Пользователи
Сообщений: 47
Репутация: 9
Подарки: 0
Статус: Оффлайн
| <script language="JavaScript1.2"> grphcs=new Array(2) Image0=new Image(); //Image0.src=grphcs[0]="http://fantasyflash.ru/script/web/image/sneg1.gif"; Image0.src=grphcs[0]="http://fantasyflash.ru/anime/pix/image/pix588.gif"; Image1=new Image(); //Image1.src=grphcs[1]="http://fantasyflash.ru/script/web/image/sneg1.gif"; Image1.src=grphcs[1]="http://fantasyflash.ru/anime/pix/image/pix588.gif"; Amount=30; 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;//fantasyflash.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)-15; 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> Это код падающих цветочков
Cat.
|
|
| |
mc_cherepok_16 | Дата: Пятница, 18.04.2008, 15:01 | Сообщение # 29 |
Бывалый
Группа: Пользователи
Сообщений: 60
Репутация: 1
Подарки: 0
Статус: Оффлайн
| А есть что нибудь кроме снежинок???
|
|
| |
BlackCat | Дата: Пятница, 18.04.2008, 21:23 | Сообщение # 30 |
Бывалый
Группа: Пользователи
Сообщений: 47
Репутация: 9
Подарки: 0
Статус: Оффлайн
| mc_cherepok_16, Quote (BlackCat) Это код падающих цветочков
Cat.
|
|
| |