花火もどき−3      
Sample
ここをクリックして新しいウインドウを開いてください。

ソース
<HTML><HEAD>
<TITLE>Java-Script</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
var xpos0=0;var ypos0=0;
n=30;
var _width = 800;
var _height = 800;
var _width = screen.width*1/3;
var _height= screen.height*1/3;
xpos0 = _width+5; 
ypos0 =  _height;
xpos=new Array();
ypos=new Array();
i=new Array();
l=new Array();
dot=new Array();
for (m=1;m<(n+1);m++){
  xpos[m] = _width+10*Math.random(); 
  ypos[m] = _height-10*Math.random();
  i[m]=xpos[m]-xpos0;
  l[m]=ypos[m]-ypos0;
}
timeID=0;
function hanabi() {
  for (m=1;m<(n+1);m++){
    document.all["dot["+m+"]"].style.pixelTop = ypos[m];
    document.all["dot["+m+"]"].style.pixelLeft = xpos[m];
    xpos[m]=xpos[m]+i[m];
    ypos[m]=ypos[m]+l[m];
    l[m]=l[m]+0.1;
    if ((xpos[m]<=5)||(ypos[m]<=5)){
      xpos[m] = _width+10*Math.random(); 
      ypos[m] = _height-10*Math.random();
      i[m]=xpos[m]-xpos0;
      l[m]=ypos[m]-ypos0;
    }
    else if ((xpos[m]>=screen.width*8/10)||(ypos[m]>=screen.height*7/10)){
      xpos[m] = _width+10*Math.random(); 
      ypos[m] = _height-10*Math.random();
      i[m]=xpos[m]-xpos0;
      l[m]=ypos[m]-ypos0;
    }
  }
  timeID=setTimeout("hanabi()",1);
}
//-->
</SCRIPT>
</HEAD>
<body bgcolor=black onLoad="hanabi()">
<SCRIPT LANGUAGE="JavaScript">
<!--
for (m=1;m<(n+1);m++){
  color_val = 'white';
  if (m<25) {color_val = 'yellow';}
  if (m<20) {color_val = 'red';}
  if (m<15) {color_val = 'pink';}
  if (m<10) {color_val = 'azure';}
  if (m<5) {color_val = 'cyan';}
  document.write("<div id=\"dot["+ m +"]\" style=\"POSITION: absolute; Z-INDEX: "
+ m +" VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><font color="
 + color_val + ">★</font></div>");
}
//-->
</SCRIPT>
<FORM>
<INPUT Type=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
</BODY>
</HTML>
ワンポイント解説
color_val = で、色を設定しています。

onClick=window.close() で、ウインドウを閉じます。