VVoVe: dopo aver visto un esempio ho voluto ricrearlo io con un sistema che lo so è da veri macellai del web.
il problema è che il risultato è abbastanza decente con IE mentre con firefox è un disastro!!!!!!
Qualcuno mi sa spiegare perchè?
Il codice è il seguente:
<html>
<script language="javascript">
var xj=100;
var J =0;
var z= 0;
var s = 0;
var sw = 0;
var x = 100;
var y = 0;
var y_2 = 0;
var y_3 = 0;
var f = 0;
var d = x;
function RicaricaFunzioneCiclicamente() {
setTimeout(neve,50);
}
function neve() {
/*document.form1.t1.value=y;
document.form1.t2.value=y_2;
document.form1.t3.value=y_3; */
y = y + 8;
if (s==0) {
z = z+2;
x = x + z ;
xj = xj- z;
if (z==22) { s=1; }
}
if (s==1) {
z = z-2;
x = x - z ;
xj = xj+z;
if (z==0) { s=0;}
}
document.getElementById("elemento1").innerHTML="<d iv id='elemento1' style='width: 65; height: 61; position: absolute; left: "+x+"; top:"+y+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento2").innerHTML="<d iv id='elemento2' style='width: 65; height: 61; position: absolute; left: "+(xj+150)+"; top:"+(y/1.1+50)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento3").innerHTML="<d iv id='elemento3' style='width: 65; height: 61; position: absolute; left: "+(xj+300)+"; top:"+(y/1.4+150)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento4").innerHTML="<d iv id='elemento4' style='width: 65; height: 61; position: absolute; left: "+(x+450)+"; top:"+(y/1.2+80)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento5").innerHTML="<d iv id='elemento5' style='width: 65; height: 61; position: absolute; left: "+(x+650)+"; top:"+(y/1.5+100)+"'>[img]fiocco.gif[/img]";
if (y==640) { y=0;
y_2=440;
y_3=240;
x=200;
xj= 200; }
if (sw==0) {
if (y > 200 && y_2 < 248) {
document.getElementById("elemento6").innerHTML="<d iv id='elemento6' style='width: 65; height: 61; position: absolute; left: "+x+"; top:"+y_2+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento7").innerHTML="<d iv id='elemento7' style='width: 65; height: 61; position: absolute; left: "+(xj+150)+"; top:"+(y_2/1.1+50)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento8").innerHTML="<d iv id='elemento8' style='width: 65; height: 61; position: absolute; left: "+(x+300)+"; top:"+(y_2/1.4+150)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento9").innerHTML="<d iv id='elemento9' style='width: 65; height: 61; position: absolute; left: "+(x+450)+"; top:"+(y_2/1.2+80)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento10").innerHTML="< div id='elemento10' style='width: 65; height: 61; position: absolute; left: "+(xj+650)+"; top:"+(y_2/2+100)+"'>[img]fiocco.gif[/img]";
y_2= y_2 + 8;
/*if (y_2==640) { y=240;
y_2=0;
y_3=440;
x=200;
xj= 200; }*/
}
}
if (y_2 > 240 && y_2 < 640) {
sw==1;
document.getElementById("elemento6").innerHTML="<d iv id='elemento6' style='width: 65; height: 61; position: absolute; left: "+x+"; top:"+y_2+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento7").innerHTML="<d iv id='elemento7' style='width: 65; height: 61; position: absolute; left: "+(xj+150)+"; top:"+(y_2/1.1+50)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento8").innerHTML="<d iv id='elemento8' style='width: 65; height: 61; position: absolute; left: "+(x+300)+"; top:"+(y_2/1.4+150)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento9").innerHTML="<d iv id='elemento9' style='width: 65; height: 61; position: absolute; left: "+(x+450)+"; top:"+(y_2/1.2+80)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento10").innerHTML="< div id='elemento10' style='width: 65; height: 61; position: absolute; left: "+(xj+650)+"; top:"+(y_2/2+100)+"'>[img]fiocco.gif[/img]";
y_2= y_2 + 8;
if (y_2==640) { y=240;
y_2=0;
y_3=440;
x=200;
xj= 200;
sw==1; }
}
if (y > 400) {
document.getElementById("elemento11").innerHTML="< div id='elemento11' style='width: 65; height: 61; position: absolute; left: "+x+"; top:"+y_3+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento12").innerHTML="< div id='elemento12' style='width: 65; height: 61; position: absolute; left: "+(x+150)+"; top:"+(y_3/1.1+50)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento13").innerHTML="< div id='elemento13' style='width: 65; height: 61; position: absolute; left: "+(xj+300)+"; top:"+(y_3/1.4+150)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento14").innerHTML="< div id='elemento14' style='width: 65; height: 61; position: absolute; left: "+(x+450)+"; top:"+(y_3/1.2+80)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento15").innerHTML="< div id='elemento15' style='width: 65; height: 61; position: absolute; left: "+(xj+650)+"; top:"+(y_3/2+100)+"'>[img]fiocco.gif[/img]";
y_3= y_3 + 8;
if (y_3==640) { y=440;
y_2=240;
y_3=0;
x=200;
xj= 200; }
}
if (y_3 > 230 && y_3 < 640) {
document.getElementById("elemento11").innerHTML="< div id='elemento11' style='width: 65; height: 61; position: absolute; left: "+x+"; top:"+y_3+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento12").innerHTML="< div id='elemento12' style='width: 65; height: 61; position: absolute; left: "+(x+150)+"; top:"+(y_3/1.1+50)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento13").innerHTML="< div id='elemento13' style='width: 65; height: 61; position: absolute; left: "+(xj+300)+"; top:"+(y_3/1.4+150)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento14").innerHTML="< div id='elemento14' style='width: 65; height: 61; position: absolute; left: "+(x+450)+"; top:"+(y_3/1.2+80)+"'>[img]fiocco.gif[/img]";
document.getElementById("elemento15").innerHTML="< div id='elemento15' style='width: 65; height: 61; position: absolute; left: "+(xj+650)+"; top:"+(y_3/2+100)+"'>[img]fiocco.gif[/img]";
y_3= y_3 + 8;
if (y_3==640) { y=440;
y_2=240;
y_3=0;
x=200;
xj= 200; }
}
setTimeout(RicaricaFunzioneCiclicamente,50);
}
</script>
<body bgcolor="blue" onLoad="RicaricaFunzioneCiclicamente()">
<div id="base" style="text-align: center">
<div id="elemento1" ></div><div id="elemento2" ></div><div id="elemento3" ></div><div id="elemento4" ></div><div id="elemento5" ></div><div id="elemento6" ></div><div id="elemento7" ></div><div id="elemento8" ></div><div id="elemento9" ></div><div id="elemento10" ></div><div id="elemento11" ></div><div id="elemento12" ></div><div id="elemento13" ></div><div id="elemento14" ></div><div id="elemento15" ></div>
</div>
<!-- <form method="POST" name="form1">
<font color="#FFFF00">Y=</font> <input type="text" name="t1" size="20">
<font color="#FFFF00">Y_2=</font><input type="text" name="t2" size="20">
<font color="#FFFF00">Y_3=</font><input type="text" name="t3" size="20"></p>
</form> -->
</body>
</html>
Rispondi quotando
Ho risolto !!!!!!!!
