目次へ




Ctrl+Aを押して見てください




・ num=画像の個数を任意に変更
・ document.write("<img src='xxx.gif' の xxx.gif を準備した
  ファイル名に置き換え
・ width:60px 準備した画像の横ピクセル数に変更
・ height:60px 準備した画像の縦ピクセル数に変更

-------ここから-------
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#000000" Leftmargin="0" topmargin="0"
 onLoad="setInterval('drop()',50)">
<script language="JavaScript">
<!--
sx=new Array();sy=new Array();sp=new Array();num=5;
scrnx=800;scrny=600;
for(i=0;i<num;i++)
{
 sx[i]=Math.floor(Math.random()*scrnx);
 sy[i]=Math.floor(Math.random()*scrny);
 sp[i]=Math.floor(Math.random()*5)+1;
 document.write("<img src='xxx.gif'style='position:absolute;"+
"width:60px;height:60px;z-index:0;top:"+sy[i]+"px;left:"+sx[i]+
"px;' name='drop"+i+"'>");
}
function drop()
{
 for(i=0;i<num;i++)
  {
    sy[i] += sp[i];
    if(sy[i]>scrny)sy[i]=0;
    document.images["drop"+i].style.top=sy[i];
  }
}
//-->
</script>
</BODY>
</HTML>
-------ここまで-------