<SCRIPT language=JavaScript1.2> <!-- Original: Altan (snow@altan.hr) --> <!-- Web Site: http://www.altan.hr/snow -->
<!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin var no = 25; // antal snöflingor var speed = 10; // snöar fortare vid ett lägre värde var snowflake = "http://www.ezenanapon.hu/keplm/nap.gif";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 1024, doc_height = 800; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { 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 (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot 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(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot 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(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </SCRIPT>
<DIV id=dot0 style="LEFT: 500px; VISIBILITY: visible; POSITION: absolute; TOP: 95px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot1 style="Z-INDEX: 1; LEFT: 625px; VISIBILITY: visible; POSITION: absolute; TOP: 132px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot2 style="Z-INDEX: 2; LEFT: -7px; VISIBILITY: visible; POSITION: absolute; TOP: 39px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot3 style="Z-INDEX: 3; LEFT: 389px; VISIBILITY: visible; POSITION: absolute; TOP: 112px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot4 style="Z-INDEX: 4; LEFT: 670px; VISIBILITY: visible; POSITION: absolute; TOP: 62px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot5 style="Z-INDEX: 5; LEFT: 28px; VISIBILITY: visible; POSITION: absolute; TOP: 56px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot6 style="Z-INDEX: 6; LEFT: 723px; VISIBILITY: visible; POSITION: absolute; TOP: 225px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot7 style="Z-INDEX: 7; LEFT: 408px; VISIBILITY: visible; POSITION: absolute; TOP: 91px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot8 style="Z-INDEX: 8; LEFT: 599px; VISIBILITY: visible; POSITION: absolute; TOP: 54px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot9 style="Z-INDEX: 9; LEFT: 211px; VISIBILITY: visible; POSITION: absolute; TOP: 75px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot10 style="Z-INDEX: 10; LEFT: 41px; VISIBILITY: visible; POSITION: absolute; TOP: 76px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot11 style="Z-INDEX: 11; LEFT: 434px; VISIBILITY: visible; POSITION: absolute; TOP: 23px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot12 style="Z-INDEX: 12; LEFT: 792px; VISIBILITY: visible; POSITION: absolute; TOP: 61px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot13 style="Z-INDEX: 13; LEFT: 605px; VISIBILITY: visible; POSITION: absolute; TOP: 143px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot14 style="Z-INDEX: 14; LEFT: 1px; VISIBILITY: visible; POSITION: absolute; TOP: 40px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot15 style="Z-INDEX: 15; LEFT: 518px; VISIBILITY: visible; POSITION: absolute; TOP: 60px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot16 style="Z-INDEX: 16; LEFT: 408px; VISIBILITY: visible; POSITION: absolute; TOP: 216px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot17 style="Z-INDEX: 17; LEFT: 322px; VISIBILITY: visible; POSITION: absolute; TOP: 225px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot18 style="Z-INDEX: 18; LEFT: 713px; VISIBILITY: visible; POSITION: absolute; TOP: 51px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot19 style="Z-INDEX: 19; LEFT: 202px; VISIBILITY: visible; POSITION: absolute; TOP: 69px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot20 style="Z-INDEX: 20; LEFT: 553px; VISIBILITY: visible; POSITION: absolute; TOP: 95px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot21 style="Z-INDEX: 21; LEFT: 342px; VISIBILITY: visible; POSITION: absolute; TOP: 73px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot22 style="Z-INDEX: 22; LEFT: 241px; VISIBILITY: visible; POSITION: absolute; TOP: 206px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot23 style="Z-INDEX: 23; LEFT: 530px; VISIBILITY: visible; POSITION: absolute; TOP: 21px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV> <DIV id=dot24 style="Z-INDEX: 24; LEFT: 485px; VISIBILITY: visible; POSITION: absolute; TOP: 201px"><IMG src="http://www.ezenanapon.hu/keplm/nap.gif" border=0></DIV |