花火もどき−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() で、ウインドウを閉じます。 |