日本語
<!-- http://www.downcodes.com --> <!-- bbs http://bbs.downcodes.com --> <!-- この効果を実現するには、最初のステップが 2 つ必要です。次のコードを <head> 領域に追加します --> <SCRIPT LANGUAGE="JavaScript1.2"> varintervals=2000 varsparksOn = true; var documentWidth=documentHeight=randomx; =randomy= leftcorner=topcorner=0 var ns=(document.layers); var ns6=(document.getElementById&&!document.all); var allDivs = new Array( 10); var totalSparks = 0; function initAll(){ if(!ns && !ie &&!ns6){sparksOn = false; } setInterval("firework()",intervals) if (ns) Event.MOUSEDOWN | Event.MOUSEMOVE); for(dNum=0; dNum<7; ++dNum){ if(ie) allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style'); else if ( ns6) allDivs[dNum]=document.getElementById('sDiv'+dNum).style; else allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]'); firework() { //以下のコードはブラウザのサイズを検出します if (ie){ documentWidth=document.body.clientWidth documentHeight=document.body.clientHeight leftcorner=document.body.scrollLeft topcorner=document.body.scrollTop } else if (ns ||ns6 ){ documentWidth=window.innerWidth documentHeight=window.innerHeight leftcorner=pageXOffset topcorner=pageYOffset } //以下のコードは、次元内に収まる座標のセットをランダムに生成します randomx=leftcorner+Math.floor(Math.random() *documentWidth) randy=topcorner+Math.floor(Math.random()*documentHeight) if(sparksOn){ if(!sparksAflyin){ sparksAflyin=true; totalSparks=0 for(var spark=0;spark<=6;スパーク++){ dx=Math.round(Math.random()*50); dy=Math.round(Math.random()*50); } } } function moveTo( i,tempx,tempy,dx,dy){ if(ie){ if(tempy+80>(document.body.offsetHeight+document.body.scrollTop)) tempy=document.body.offsetHeight+document.body .scrollTop- 80; if(tempx+80>(document.body.offsetWidth+document.body.scrollLeft)) tempx=document.body.offsetWidth+document.body.scrollLeft-80; if(ns6){ if( tempy+80 >(window.innerHeight+pageYOffset)) tempy=window.innerHeight+pageYOffset-80; if(tempx+80>(window.innerWidth+pageXOffset)) tempx=window.innerWidth+pageXOffset-80; >-50&&tempy >-50){ tempx+=dx;tempy+=dy; allDivs[i].left=tempy; dx-=power;dy-=power; +i+" ,"+tempx+","+tempy+","+dx+","+dy+")",speed) } else ++totalSparks if(totalSparks==7){sparksAflyin=false; } ウィンドウ。onload=initAll </script> #sDiv0 {位置:絶対; 幅:1; フォントサイズ:15px; ;} # sDiv1 {位置:絶対高さ:1; フォントファミリー:リアル黒; z-インデックス:10;} 1; 幅:1; フォントサイズ:15px; 位置:絶対幅:1;黒; フォントサイズ:15px; z-index:12;} #sDiv4 {位置:絶対; 幅:1; フォントサイズ:15px; ; z-インデックス:13;} #sDiv5 {位置:絶対; 幅:1; フォントサイズ:15px; } #sDiv6位置:絶対 ; 幅:1; フォントファミリー:arial 黒; </style> <!--ステップ 2:コードを <body>エリア内 --> <div id="sDiv0">*</div> <div id="sDiv1">*</div> <div id="sDiv2">*</div> <div id="sDiv3">*</div> <div id="sDiv4">*</div> <div id="sDiv5">*</div> <div id="sDiv6">*</ディビジョン>