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

ソース
<HTML>
<HEAD>
<TITLE>Java-Script</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- 
var xpos0=0;var ypos0=0;
n=30;
var _width = 800;
var _height = 800;
xpos=new Array();
ypos=new Array();
i=new Array();
l=new Array();
dot=new Array();
thiscol=new Array();
var thisc1;
var thisc2;
var thisc3;
var thiscol1;
var thiscol2;
var thiscol3;
var thiscol4;
var thiscol5;
var p=0;
timerID=0;
for (m=1;m<(n+1);m++){
  thisc1=Math.round(255*Math.random());
  thisc2=Math.round(255*Math.random());
  thisc3=Math.round(255*Math.random());
  thiscol1=thisc1.toString(16);
  thiscol2=thisc2.toString(16);
  thiscol3=thisc3.toString(16);
  thiscol4=thiscol1+thiscol2+thiscol3;
  thiscol5=eval("thiscol4");
  thiscol[m] =thiscol5;
}
function start_hanabi2() { 
  _width =300;
  _height=300;
  xpos0 = _width+2; 
  ypos0 = _height-2; 
  for (m=1;m<(n+1);m++){
    xpos[m] = _width+4*Math.random(); 
    ypos[m] = _height-4*Math.random();
    i[m]=xpos[m]-xpos0;
    l[m]=ypos[m]-ypos0;
  }
  p=0;
  start_hanabi();
}
function start_hanabi() {
  p=p+1;
  for (m=1;m<(n+1);m++){
    document.all["dot["+m+"]"].style.display="block";
    document.all["dot["+m+"]"].style.pixelTop = ypos[m];
    document.all["dot["+m+"]"].style.pixelLeft = xpos[m];
    xpos[m]=xpos[m]+2*i[m];
    ypos[m]=ypos[m]+2*l[m];
    if ((xpos[m]<=5)||(ypos[m]<=5)){
      xpos[m] = _width+4*Math.random(); 
      ypos[m] = _height-4*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+4*Math.random(); 
      ypos[m] = _height-4*Math.random();
      i[m]=xpos[m]-xpos0;
      l[m]=ypos[m]-ypos0;
    }
  }
  if (p>=70) {
    p=70;
    for (m=1;m<(n+1);m++){
      document.all["dot["+m+"]"].style.display="none";
      clearTimeout(timerID);
    }
  }
  timerID=setTimeout("start_hanabi()",1);
}
//-->
</SCRIPT>
</HEAD>
<body bgcolor=black>
<SCRIPT LANGUAGE="JavaScript">
<!--
for (m=1;m<(n+1);m++){
  document.write("<div id=\"dot["+ m +"]\" style=\"POSITION: absolute; Z-INDEX: "+ 
m +" VISIBILITY: visible; TOP: 1px; LEFT: 1px; width:1;\"><font color=#"
+thiscol[m]+"size=1>★</font></div>");
}
//-->
</SCRIPT>
<FORM>
<INPUT Type=button VALUE="花火もどきスタート" onClick=start_hanabi2()>
   
<INPUT Type=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
<br><br>
</BODY>
</HTML>
ワンポイント解説
_width =300; _height=300; で、開始位置を設定しています。

onClick=start_hanabi2() で、スタートしています。