★
★
★
★
★
★
★
★
★
★
流星群1
流星がページ上部に降り注ぎます。
最初はポツポツと、徐々に数が増えていきます。
以下の内容を、<body>タグと</body>タグの間にコピーするだけです。
<DIV ID="rr34S0" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="1">★</font></div> <DIV ID="rr34S1" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="1">★</font></div> <DIV ID="rr34S2" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="1">★</font></div> <DIV ID="rr34S3" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="1">★</font></div> <DIV ID="rr34S4" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="1">★</font></div> <DIV ID="rr34S5" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="2">★</font></div> <DIV ID="rr34S6" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="2">★</font></div> <DIV ID="rr34S7" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="2">★</font></div> <DIV ID="rr34S8" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="2">★</font></div> <DIV ID="rr34S9" STYLE="position:absolute;left:-999px;top:0px;width:1px;height:1px;"> <font color="yellow" size="2">★</font></div> <script language="JavaScript"><!-- D=document; rr34D=new Array();rr34X=new Array();rr34Y=new Array(); rr34max=10;rr34n=0; if(D.all){rr34W=D.body.clientWidth-50} else{rr34W=window.innerWidth-50} for(rr34i=0;rr34i<rr34max;rr34i++){ if(D.getElementById){rr34D[rr34i]=D.getElementById('rr34S'+rr34i).style}else{ if(D.all){rr34D[rr34i]=D.all('rr34S'+rr34i).style} if(D.layers){rr34D[rr34i]=D.layers['rr34S'+rr34i]}} rr34set();} rr34Moving(); function rr34set(){ rr34X[rr34i]=Math.random()*(rr34W+300); if(rr34X[rr34i]<rr34W){rr34Y[rr34i]=0;}else{rr34Y[rr34i]=rr34X[rr34i]-rr34W;rr34X[rr34i]=rr34W;}} function rr34Moving(){ if(rr34n<rr34max){rr34n+=0.02;}; for(rr34i=0;rr34i<Math.floor(rr34n);rr34i++){ rr34X[rr34i]+=-10-rr34i;rr34Y[rr34i]+=10+rr34i*1.5; if((rr34X[rr34i]<0)||(rr34Y[rr34i]>500)){rr34set();} rr34D[rr34i].left=rr34X[rr34i];rr34D[rr34i].top=rr34Y[rr34i]; } rr34TimerID=setTimeout('rr34Moving()',10)} <!----></script>
最初の10個のDIVタグに囲まれた
<font color="yellow" size="1">★</font>
が流星です。
これは自由に書き換えられます。画像なども使えます。
ちなみに、下のものほど後から登場し、高速に流れます。