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>