<SCRIPT LANGUAGE="JavaScript"> d = 62; if (navigator.appName == "Netscape") {layerRef5="document.layers"; styleRef5="";} else {layerRef5="document.all"; styleRef5=".style";} pclicked=0; function stopdots(){ document.all.music.src=""; if ((pclicked > 1) || (pclicked == 1)){ clearTimeout(hi1); clearTimeout(hi2); clearTimeout(hi3); clearTimeout(hi4); clearTimeout(hi5); clearTimeout(hi6); clearTimeout(hi7); clearTimeout(hi8); clearTimeout(hi9); clearTimeout(hi10); clearTimeout(hi11); clearTimeout(hi12); clearTimeout(hi13); clearTimeout(hi14); clearTimeout(hi15); clearTimeout(hi16); clearTimeout(hi17); clearTimeout(hi18); clearTimeout(hi19); clearTimeout(hi20); } } e1 = 20; f1 = 6; function chooseheight(){ e1 = Math.floor(Math.random() * 20); f1 = Math.floor(Math.random() * 20); setTimeout("chooseheight()", 10); } chooseheight(); x1 = 0; y1 = 10; c1=2; function movedot1(){ x1 = x1 + 2; y1 = y1 + c1; eval(layerRef5 + '["dot1"]' + styleRef5 + '.left=' + x1); if ((y1 == e1) || (y1 > e1)) {c1 = -2;} if ((y1 == f1) || (y1 < f1)) {c1 = 2;} eval(layerRef5 + '["dot1"]' + styleRef5 + '.top=' + y1); if (x1 == d) { x1 = 0;} hi1 = setTimeout("movedot1()", 50); } x2 = 0; y2 = 10; c2=2; function movedot2(){ x2 = x2 + 2; y2 = y2 + c2; eval(layerRef5 + '["dot2"]' + styleRef5 + '.left=' + x2); if ((y2 == e1) || (y2 > e1)) {c2 = -2;} if ((y2 == f1) || (y2 < f1)) {c2 = 2;} eval(layerRef5 + '["dot2"]' + styleRef5 + '.top=' + y2); if (x2 == d) {x2 = 0;} hi2 = setTimeout("movedot2()", 50); } x3 = 0; y3 = 10; c3=2; function movedot3(){ x3 = x3 + 2; y3 = y3 + c3; eval(layerRef5 + '["dot3"]' + styleRef5 + '.left=' + x3); if ((y3 == e1) || (y3 > e1)) {c3 = -2;} if ((y3 == f1) || (y3 < f1)) {c3 = 2;} eval(layerRef5 + '["dot3"]' + styleRef5 + '.top=' + y3); if (x3 == d) {x3 = 0;} hi3 = setTimeout("movedot3()", 50); } x4 = 0; y4 = 10; c4=2; function movedot4(){ x4 = x4 + 2; y4 = y4 + c4; eval(layerRef5 + '["dot4"]' + styleRef5 + '.left=' + x4); if ((y4 == e1) || (y4 > e1)) {c4 = -2;} if ((y4 == f1) || (y4 < f1)) {c4 = 2;} eval(layerRef5 + '["dot4"]' + styleRef5 + '.top=' + y4); if (x4 == d) {x4 = 0;} hi4 = setTimeout("movedot4()", 50); } x5 = 0; y5 = 10; c5=2; function movedot5(){ x5 = x5 + 2; y5 = y5 + c5; eval(layerRef5 + '["dot5"]' + styleRef5 + '.left=' + x5); if ((y5 == e1) || (y5 > e1)) {c5 = -2;} if ((y5 == f1) || (y5 < f1)) {c5 = 2;} eval(layerRef5 + '["dot5"]' + styleRef5 + '.top=' + y5); if (x5 == d) {x5 = 0;} hi5 = setTimeout("movedot5()", 50); } x6 = 0; y6 = 10; c6=2; function movedot6(){ x6 = x6 + 2; y6 = y6 + c6; eval(layerRef5 + '["dot6"]' + styleRef5 + '.left=' + x6); if ((y6 == e1) || (y6 > e1)) {c6 = -2;} if ((y6 == f1) || (y6 < f1)) {c6 = 2;} eval(layerRef5 + '["dot6"]' + styleRef5 + '.top=' + y6); if (x6 == d) {x6 = 0;} hi6 = setTimeout("movedot6()", 50); } x7 = 0; y7 = 10; c7=2; function movedot7(){ x7 = x7 + 2; y7 = y7 + c7; eval(layerRef5 + '["dot7"]' + styleRef5 + '.left=' + x7); if ((y7 == e1) || (y7 > e1)) {c7 = -2;} if ((y7 == f1) || (y7 < f1)) {c7 = 2;} eval(layerRef5 + '["dot7"]' + styleRef5 + '.top=' + y7); if (x7 == d) {x7 = 0;} hi7 = setTimeout("movedot7()", 50); } x8 = 0; y8 = 10; c8=2; function movedot8(){ x8 = x8 + 2; y8 = y8 + c8; eval(layerRef5 + '["dot8"]' + styleRef5 + '.left=' + x8); if ((y8 == e1) || (y8 > e1)) {c8 = -2;} if ((y8 == f1) || (y8 < f1)) {c8 = 2;} eval(layerRef5 + '["dot8"]' + styleRef5 + '.top=' + y8); if (x8 == d) {x8 = 0;} hi8 = setTimeout("movedot8()", 50); } x9 = 0; y9 = 10; c9=2; function movedot9(){ x9 = x9 + 2; y9 = y9 + c9; eval(layerRef5 + '["dot9"]' + styleRef5 + '.left=' + x9); if ((y9 == e1) || (y9 > e1)) {c9 = -2;} if ((y9 == f1) || (y9 < f1)) {c9 = 2;} eval(layerRef5 + '["dot9"]' + styleRef5 + '.top=' + y9); if (x9 == d) {x9 = 0;} hi9 = setTimeout("movedot9()", 50); } x10 = 0; y10 = 10; c10=2; function movedot10(){ x10 = x10 + 2; y10 = y10 + c10; eval(layerRef5 + '["dot10"]' + styleRef5 + '.left=' + x10); if ((y10 == e1) || (y10 > e1)) {c10 = -2;} if ((y10 == f1) || (y10 < f1)) {c10 = 2;} eval(layerRef5 + '["dot10"]' + styleRef5 + '.top=' + y10); if (x10 == d) {x10 = 0;} hi10 = setTimeout("movedot10()", 50); } x11 = 0; y11 = 10; c11=2; function movedot11(){ x11 = x11 + 2; y11 = y11 + c11; eval(layerRef5 + '["dot11"]' + styleRef5 + '.left=' + x11); if ((y11 == e1) || (y11 > e1)) {c11 = -2;} if ((y11 == f1) || (y11 < f1)) {c11 = 2;} eval(layerRef5 + '["dot11"]' + styleRef5 + '.top=' + y11); if (x11 == d) {x11 = 0;} hi11 = setTimeout("movedot11()", 50); } x12 = 0; y12 = 10; c12=2; function movedot12(){ x12 = x12 + 2; y12 = y12 + c12; eval(layerRef5 + '["dot12"]' + styleRef5 + '.left=' + x12); if ((y12 == e1) || (y12 > e1)) {c12 = -2;} if ((y12 == f1) || (y12 < f1)) {c12 = 2;} eval(layerRef5 + '["dot12"]' + styleRef5 + '.top=' + y12); if (x12 == d) {x12 = 0;} hi12 = setTimeout("movedot12()", 50); } x13 = 0; y13 = 10; c13=2; function movedot13(){ x13 = x13 + 2; y13 = y13 + c13; eval(layerRef5 + '["dot13"]' + styleRef5 + '.left=' + x13); if ((y13 == e1) || (y13 > e1)) {c13 = -2;} if ((y13 == f1) || (y13 < f1)) {c13 = 2;} eval(layerRef5 + '["dot13"]' + styleRef5 + '.top=' + y13); if (x13 == d) {x13 = 0;} hi13 = setTimeout("movedot13()", 50); } x14 = 0; y14 = 10; c14=2; function movedot14(){ x14 = x14 + 2; y14 = y14 + c14; eval(layerRef5 + '["dot14"]' + styleRef5 + '.left=' + x14); if ((y14 == e1) || (y14 > e1)) {c14 = -2;} if ((y14 == f1) || (y14 < f1)) {c14 = 2;} eval(layerRef5 + '["dot14"]' + styleRef5 + '.top=' + y14); if (x14 == d) {x14 = 0;} hi14 = setTimeout("movedot14()", 50); } x15 = 0; y15 = 10; c15=2; function movedot15(){ x15 = x15 + 2; y15 = y15 + c15; eval(layerRef5 + '["dot15"]' + styleRef5 + '.left=' + x15); if ((y15 == e1) || (y15 > e1)) {c15 = -2;} if ((y15 == f1) || (y15 < f1)) {c15 = 2;} eval(layerRef5 + '["dot15"]' + styleRef5 + '.top=' + y15); if (x15 == d) {x15 = 0;} hi15 = setTimeout("movedot15()", 50); } x16 = 0; y16 = 10; c16=2; function movedot16(){ x16 = x16 + 2; y16 = y16 + c16; eval(layerRef5 + '["dot16"]' + styleRef5 + '.left=' + x16); if ((y16 == e1) || (y16 > e1)) {c16 = -2;} if ((y16 == f1) || (y16 < f1)) {c16 = 2;} eval(layerRef5 + '["dot16"]' + styleRef5 + '.top=' + y16); if (x16 == d) {x16 = 0;} hi16 = setTimeout("movedot16()", 50); } x17 = 0; y17 = 10; c17=2; function movedot17(){ x17 = x17 + 2; y17 = y17 + c17; eval(layerRef5 + '["dot17"]' + styleRef5 + '.left=' + x17); if ((y17 == e1) || (y17 > e1)) {c17 = -2;} if ((y17 == f1) || (y17 < f1)) {c17 = 2;} eval(layerRef5 + '["dot17"]' + styleRef5 + '.top=' + y17); if (x17 == d) {x17 = 0;} hi17 = setTimeout("movedot17()", 50); } x18 = 0; y18 = 10; c18=2; function movedot18(){ x18 = x18 + 2; y18 = y18 + c18; eval(layerRef5 + '["dot18"]' + styleRef5 + '.left=' + x18); if ((y18 == e1) || (y18 > e1)) {c18 = -2;} if ((y18 == f1) || (y18 < f1)) {c18 = 2;} eval(layerRef5 + '["dot18"]' + styleRef5 + '.top=' + y18); if (x18 == d) {x18 = 0;} hi18 = setTimeout("movedot18()", 50); } x19 = 0; y19 = 10; c19=2; function movedot19(){ x19 = x19 + 2; y19 = y19 + c19; eval(layerRef5 + '["dot19"]' + styleRef5 + '.left=' + x19); if ((y19 == e1) || (y19 > e1)) {c19 = -2;} if ((y19 == f1) || (y19 < f1)) {c19 = 2;} eval(layerRef5 + '["dot19"]' + styleRef5 + '.top=' + y19); if (x19 == d) {x19 = 0;} hi19 = setTimeout("movedot19()", 50); } x20 = 0; y20 = 10; c20=2; function movedot20(){ x20 = x20 + 2; y20 = y20 + c20; eval(layerRef5 + '["dot20"]' + styleRef5 + '.left=' + x20); if ((y20 == e1) || (y20 > e1)) {c20 = -2;} if ((y20 == f1) || (y20 < f1)) {c20 = 2;} eval(layerRef5 + '["dot20"]' + styleRef5 + '.top=' + y20); if (x20 == d) {x20 = 0;} hi20 = setTimeout("movedot20()", 50); } function movedots(){ document.all.music.src="http://www.geocities.com/namkiat2/filesmidi/jadum.mid"; // ใส่ URL ของเพลงที่ต้องการจะให้แสดงครับ setTimeout("movedot1()", 100); setTimeout("movedot2()", 200); setTimeout("movedot3()", 300); setTimeout("movedot4()", 400); setTimeout("movedot5()", 500); setTimeout("movedot6()", 600); setTimeout("movedot7()", 700); setTimeout("movedot8()", 800); setTimeout("movedot9()", 900); setTimeout("movedot10()", 1000); setTimeout("movedot11()", 1100); setTimeout("movedot12()", 1200); setTimeout("movedot13()", 1300); setTimeout("movedot14()", 1400); setTimeout("movedot15()", 1500); setTimeout("movedot16()", 1600); setTimeout("movedot17()", 1700); setTimeout("movedot18()", 1800); setTimeout("movedot19()", 1900); setTimeout("movedot20()", 2000); } </SCRIPT> <bgsound src="#" id=music loop=100 autostart="true">

<!-- ตั้งตำแหน่งให้แสดง่สวนที่เล่นเพลงครับ โดยเลข 350 จะแทนค่าตำแหน่งจากด้านซ้าย และ เลข 30 จะแทนค่าตำแหน่งจากด้านบน ครับ --> <div id="wavemaker" STYLE="position:absolute;left:350;top:30;"> <div id="waveborder" STYLE="background-color:#99ccff;position:absolute;left:0;top:13; border-color:#000000;width:70;height:30;"> <table height=100% width=100% style="border-width:1px;border-color:#000000;border-style:dotted"><tr><td> </td></tr></table></div> <div id="dot1" STYLE="position:absolute;left:2;top: 10;">.</div> <div id="dot2" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot3" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot4" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot5" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot6" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot7" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot8" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot9" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot10" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot11" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot12" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot13" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot14" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot15" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot16" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot17" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot18" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot19" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="dot20" STYLE="position:absolute;left:2;top: 14;">.</div> <div id="playbutton" STYLE="position:absolute;left:0;top:-5;"> <INPUT TYPE=button onClick="pclicked++;movedots();" value="เล่นเพลง" style="width:70px;height:20px;cursor:hand; font-family: Microsoft Sans Serif; font-size: 8pt; color: #FF0000; background-color: #CCFFCC; border-style: dotted; border-color: #000000"></div> <div id="stopbutton" STYLE="position:absolute;left:0;top:43;"> <INPUT TYPE=button onClick="stopdots();" value="หยุดเพลง" style="width:70px;height:20px;cursor:hand; font-family: Microsoft Sans Serif; font-size: 8pt; color: #FF0000; background-color: #CCFFCC; border-style: dotted; border-color: #000000"></div> </div>