Hallo,
Ich habe mir pünktlich zur weihnachszeit mal die vielleicht nicht so beliebten schneeflocken eingebaut.
Mein problem ist nur das im IE alles geht im Firefox hängen die flocken links oben einfach fest.
Wenn man im Firefox dann versucht oben links die schnee flocken zu makieren merkt man das dort wohl ein kästchen ist, dass aber unsichtbar ist und scheinbar nur im firefox angezeigt wird.
Hier das Javascript :
Habe in meinem Code mal geguckt und wenn ich das hier entferne
gehen die schneeflocken aber dafür zerhaut es die halbe seite bzw die formatierung geht verloren.
siehe hier :
Klick
weiss jemand woran das liegt?
danke
MFG
Ich habe mir pünktlich zur weihnachszeit mal die vielleicht nicht so beliebten schneeflocken eingebaut.
Mein problem ist nur das im IE alles geht im Firefox hängen die flocken links oben einfach fest.
Wenn man im Firefox dann versucht oben links die schnee flocken zu makieren merkt man das dort wohl ein kästchen ist, dass aber unsichtbar ist und scheinbar nur im firefox angezeigt wird.
Hier das Javascript :
PHP-Code:
var no = 25; // number of snowflakes
var speed = 10; // the smaler, the faster snowflakes
var snowflake = "snow.gif"; // picture source
var ns4b = (document.layers) ? 1 : 0; // Netscape4.x
var b4up = (document.all) ? 1 : 0; // MSIE4, Opera5, Netccape5
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var snowobj;
var i, doc_width = 1000, doc_height = 800;
if (ns4b) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (b4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
} else {
b4up = 1; // 800x600 screen-default
}// if
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowobj = new Array();
for (i=0; i<no; ++i) { // iterate for every snowflake
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4b) { // set layers
document.write("<LAYER NAME=\"flake"+ i +"\" LEFT=\"15\" "
+ "TOP=\"15\" VISIBILITY=\"show\"><IMG SRC=\""
+ snowflake +"\" BORDER=0></LAYER>");
} else if (b4up) {
document.write("<DIV ID=\"flake"+ i +"\" STYLE=\""
+ "position:absolute; z-index:"+ i +"; visibility:visible; "
+ "top:15px; left:15px;\"><IMG SRC=\""+ snowflake
+ "\" BORDER=0></DIV>");
snowobj[i] = eval (document.getElementById("flake"+i).style);
}//if
}//for
function snowNS() { // Netscape4 main animation function
for (i=0; i<no; ++i) { // iterate for every snowflake
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}//if
dx[i] += stx[i];
document.layers["flake"+i].top = yp[i];
document.layers["flake"+i].left = xp[i]
+ am[i]*Math.sin(dx[i]);
}//for
setTimeout("snowNS()", speed);
}//snowNS
function snowDocument() { // MSIE4, Opera5, Netscape5 main
for (i=0; i<no; ++i) { // iterate for every flake
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}//if
dx[i] += stx[i];
snowobj[i].top = yp[i];
snowobj[i].left = xp[i] + am[i]*Math.sin(dx[i]);
}//for
setTimeout("snowDocument()", speed);
}//snowDocument
if (ns4b) { // Netscape4
snowNS();
} else if (b4up) { // MSIE4, Opera5, Netscape5
snowDocument();
}//if
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
siehe hier :
Klick
weiss jemand woran das liegt?
danke
MFG
Kommentar