有格友想要了解以下這兩個音樂盒製作語法，在此提供語法應用參考 :
(請勿刪除紅色標頭)
語法應用編輯(二度空間)
圖片隨機版 <embed src="http://kikiandlala639.googlepages.com/music-12-2.htm" width="116" height="168"></embed>
圖片定時變化版 <embed src="http://kikiandlala639.googlepages.com/music-12-3.htm" width="116" height="168"></embed>
圖片隨機變換
| <html> <head> <title></title> <!--使用hinet製作網頁防跳出廣告視窗--> <SCRIPT Language="JavaScript"> function open () {return true;} </SCRIPT> </head> <!--圖片與邊框的邊界與背景色--> <body leftMargin=5 topMargin=5 bgcolor="#6699FF"> <!--滑軌顏色與外框線開始--> <style> BODY { scrollbar-base-color : #6699FF; scrollbar-face-color : #6699FF; scrollbar-track-color: #6699FF; scrollbar-arrow-color : #6699FF; scrollbar-3dlight-color: #6699FF; scrollbar-highlight-color : #6699FF; scrollbar-shadow-color : #6699FF; scrollbar-darkshadow-color : #6699FF; border:2px solid #66FFFF; } </style> <!--滑軌顏色與外框線結束--> <!--圖片隨機變換開始--> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100" height="120"> <tr> <td width="100" height="120"> <!--tips = new Array(5)為 圖片使用數量--> <script language="JavaScript"> <!-- tips = new Array(5) tips[0] = "<img src=圖片網址>" tips[1] = "<img src=圖片網址>" tips[2] = "<img src=圖片網址>" tips[3] = "<img src=圖片網址>" tips[4] = "<img src=圖片網址>" index = Math.floor(Math.random() * tips.length) document.write("" + tips[index] + "") --> </script> <!--圖片隨機變換結束--> <!--隨機音樂更換開始--> <SCRIPT LANGUAGE="JavaScript"> var random=Math.floor(6*Math.random()+1) var str if (random==1){music="Mp3網址"; str="01";} if (random==2){music="Mp3網址"; str="02";} if (random==3){music="Mp3網址"; str="03";} if (random==4){music="Mp3網址"; str="04";} if (random==5){music="Mp3網址"; str="05";} if (random==6){music="Mp3網址"; str="06";} document.write('<embed ID=mp src='+music+' width=0 height=0 hidden=true loop=true volume=0 autostart=true controls=smallconsole>') </SCRIPT> <!--隨機音樂更換結束--> <!--音樂控制按鈕開始--> <input type="button" value=";" style="font-size: 10pt; font-family: Webdings; color:#ffff00; background:; border:1px solid #ffff00;" ONCLICK="mp.Pause()" title="暫停"> <input type="button" value="<" style="font-size: 10pt; font-family: Webdings; color:#00ffff; background:; border:1px solid #00ffff;" ONCLICK="mp.Stop()" title="停止"> <input type="button" value="4" style="font-size: 10pt; font-family: Webdings; color:#00ff00; background:; border:1px solid #00ff00;" ONCLICK="mp.Play()" title="播放"> <input type="button" value="8" style="font-size: 10pt; font-family: Webdings; color:#ffffff; background:; border:1px solid #ffffff;" ONCLICK="location.reload()" title="換首"> <!--音樂控制按鈕結束--> </td> </tr> </table> </body> </html> |
以上var random=Math.floor(6*Math.random()+1) 音樂數量增加6 部份須跟著增加
圖片定時變換
| <html> <head> <title></title> <!--使用hinet製作網頁防跳出廣告視窗--> <SCRIPT Language="JavaScript"> function open () {return true;} </SCRIPT> </head> <!--圖片與邊框的邊界與背景色--> <body onLoad="LoadFunctions()" leftMargin=5 topMargin=5 bgcolor="#6699FF"> <!--滑軌顏色與外框線開始--> <style> BODY { scrollbar-base-color : #6699FF; scrollbar-face-color : #6699FF; scrollbar-track-color: #6699FF; scrollbar-arrow-color : #6699FF; scrollbar-3dlight-color: #6699FF; scrollbar-highlight-color : #6699FF; scrollbar-shadow-color : #6699FF; scrollbar-darkshadow-color : #6699FF; border:2px solid #66FFFF; } </style> <!--滑軌顏色與外框線結束--> <!--圖片定時變換開始--> <!--var b_delay = 10000;為圖片展示的間隔時間--> <script language="JavaScript1.2"> <!-- var b_delay = 10000; var bannerID; var b = 0; var b_links = new Array(); var b_imgs = new Array(); function LoadB_Imgs(b,img_file){ b_image = new Image(); b_image.src = img_file; b_imgs[b] = b_image.src; } LoadB_Imgs(0,"圖片網址"); LoadB_Imgs(1,"圖片網址"); LoadB_Imgs(2,"圖片網址"); LoadB_Imgs(3,"圖片網址"); LoadB_Imgs(4,"圖片網址"); function RotateBanner(){ document.as.src = b_imgs[b]; if (b >= 4){ b = 0; }else{ b++; } bannerID=setTimeout("RotateBanner()",b_delay); } function LoadFunctions(){ RotateBanner(); } --> </script> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100" height="1"> <tr> <td width="100" height="120"> <!--以下圖片網址貼上與上方LoadB_Imgs(0,"圖片網址");相同的網址--> <IMG name="as" src="圖片網址" width="100" height="120"> <!--圖片定時變換結束--> <!--隨機音樂更換開始--> <SCRIPT LANGUAGE="JavaScript"> var random=Math.floor(6*Math.random()+1) var str if (random==1){music="Mp3網址"; str="01";} if (random==2){music="Mp3網址"; str="02";} if (random==3){music="Mp3網址"; str="03";} if (random==4){music="Mp3網址"; str="04";} if (random==5){music="Mp3網址"; str="05";} if (random==6){music="Mp3網址"; str="06";} document.write('<embed ID=mp src='+music+' width=0 height=0 hidden=true loop=true volume=0 autostart=true controls=smallconsole>') </SCRIPT> <!--隨機音樂更換結束--> <!--音樂控制按鈕開始--> <input type="button" value=";" style="font-size: 10pt; font-family: Webdings; color:#ffff00; background:; border:1px solid #ffff00;" ONCLICK="mp.Pause()" title="暫停"> <input type="button" value="<" style="font-size: 10pt; font-family: Webdings; color:#00ffff; background:; border:1px solid #00ffff;" ONCLICK="mp.Stop()" title="停止"> <input type="button" value="4" style="font-size: 10pt; font-family: Webdings; color:#00ff00; background:; border:1px solid #00ff00;" ONCLICK="mp.Play()" title="播放"> <input type="button" value="8" style="font-size: 10pt; font-family: Webdings; color:#ffffff; background:; border:1px solid #ffffff;" ONCLICK="location.reload()" title="換首"> <!--音樂控制按鈕結束--> </td> </tr> </table> </body> </html> |
以上var random=Math.floor(6*Math.random()+1) 音樂數量增加6 部份須跟著增加
以上if (b >= 4){ 圖片數增加4 部份須跟著尾數更改
