日本語
画像をスノーフレーク画像に変更すると、より良い結果が得られることに注意してください。
<!-- http://js.downcodes.com/ --> <!-- http://bbs.downcodes.com/--> < !-- 次のコードを <body> エリアに追加します--> <body> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin var no = 12; // ハートの数 var Speed = 10; / 小さいほどハートが速く移動します var heart = "" var ns4up = (document.layers) 1 : 0; // ブラウザスニッファ var ie4up = (document.all); , yp; // 座標変数と位置変数 var am, stx, sty; // 振幅変数とステップ変数 var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; else if (ie4up) { doc_width = document.body.clientWidth = document.body.clientHeight } dx = new Array(); yp = new Array(); ) ; amy = 新しい Array(); sty = new Array(); for (i = 0; i < no; ++ i) 0 ; // 座標変数を設定 xp[i] = Math.random()*(doc_width-30)+10; // 位置変数を設定 yp[i] = Math.random()*doc_height; + Math.random()*20; // 振幅変数を設定 amx[i] = 10+ Math.random()*40; stx[i] = 0.02 + Math.random()/10; // ステップ変数を設定[ i] = 0.7 + Math.random(); // ステップ変数を設定します flag[i] = (Math.random()>0.5)?1:0 if (ns4up) { // レイヤーを設定します if (i == 0 ) { document.write("<レイヤー名="ドット"+ i +"" left="15" "); document.write("top="15" 可視性="show " ><img src=""); document.write(heart+ "" border="0"></layer>") } else { document.write("<layer name="dot") + i +"" left="15" "); document.write("top="15" Visibility="show"><img src=""); " " 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(heart+ "" 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(heart+ "" border="0"></div>") } } } function SnowNS() { // Netscape メイン アニメーションfunction for (i = 0; i < no; ++ i) { // すべてのドットに対して繰り返し if (yp[i] > doc_height-50) { xp[i] = 10+ Math.random()*(doc_width- amx [i]-30); yp[i] = (Math.random()<0.5)?1:0; stx[i] = 0.02 + Math.random()/10; [ i] = 0.7 + Math.random(); doc_width = self.innerWidth; } if (flag[i]) dx[i] += stx[i] -= stx [i]; if (Math.abs(dx[i]) > Math.PI) { yp[i]+=Math.abs(amy[i]*dx[i]); [ i]*dx[i]; dx[i]=0; flag[i]=!flag[i] } document.layers["dot"+i].top = yp[i] * (Math.abs(Math.sin(dx[i])+dx[i])); document.layers["dot"+i].left = xp[i] + amx[i]*dx[i] ; } setTimeout("snowNS()", Speed); } function SnowIE() { // IE のメイン アニメーション関数 for (i = 0; i < no; ++ i) { // ドットごとに反復 if (yp[ i ] > doc_height-50) { xp[i] = 10+ Math.random()*(doc_width-amx[i]-30); yp[i] = 0.02 + Math.random( ) /10; sty[i] = 0.7 + Math.random(); flag[i]=(Math.random()<0.5)?1:0; doc_width = document.body.clientWidth; clientHeight ; } if (flag[i]) dx[i] += stx[i]; else dx[i] -= stx[i]; if (Math.abs(dx[i]) > Math.PI) yp [i]+=Math.abs(amy[i]*dx[i]); xp[i]+=amx[i]*dx[i]=0;フラグ [i]; } document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i] ) ); document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i]; } setTimeout("snowIE()", 速度); { SnowNS(); } else if (ie4up) { SnowIE() } // 終了 --> </script>
