TodayLoad.com <<:Web-Effect+Play Music:>>

::- Example ::-> ตัวอย่าง กด play เพื่อฟังเพลงของหมีพู

+:: Source Code ::+

+:: Descriptions ::+

(1)
- Select All -

<div id="waveborder" STYLE="background-color:#FFFF00;position:absolute;left:0;top:13; border-color:#000000;width:70;height:30;"><table height=100% width=100% style="border-width:1px;border-color:#FF0000;border-style:solid"><tr><td> </td></tr></table></div>
<div id="dot1" STYLE="position:absolute;left:2;top: 14;">.</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>
<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="meepooh.mid"; // ไฟล์เพลง midi หรือ wav ของคุณ
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">
<div id="playbutton" STYLE="position:absolute;left:0;top:-3;">
<INPUT TYPE=button onClick="pclicked++;movedots();" value="Play" style="cursor:hand;background:#FFCC66;font-family:Arial;font-size:8pt;color:#000000;width:70px;height:17px;border-width:1;border-style:solid;border-color:#FF0000;">
</div>
<div id="stopbutton" STYLE="position:absolute;left:0;top:40;">
<INPUT TYPE=button onClick="stopdots();" value="Stop" style="cursor:hand;background:#FFCC66;font-family:Arial;font-size:8pt;color:#000000;width:70px;height:17px;border-width:1;border-style:solid;border-color:#FF0000;">
</div>
</div>

(1) Copy Code ไปใช้งานโดยวางไว้ ระหว่าง <Body> .... และ </Body>
ในไฟล์ html ตามตัวอย่าง

+:: Tips ::+

คุณสามารถ ปรับเปลี่ยนตำแหน่งแสดงและไฟล์เพลง ด้วยการแก้ไข Code ดังนี้

<div id="wavemaker" STYLE="position:absolute;left:300;top:80;">


document.all.music.src="meepooh.mid"; // ไฟล์เพลง midi หรือ wav ของคุณ ควร Save ไฟล์เพลง เมโลดี้ ไว้ที่เดียวกับไฟล์ html ของคุณ

::+::- ส่งบทความนี้ ให้เพื่อน -::+::

<<- To ->>

Name
Email

<<- From ->>

Name
Email


	© CopyRight 2001 , TodayLoad.com