＊═─蘋果Ａ網頁教學─═＊影音語法篇：音樂點播器3

＊═─蘋果Ａ網頁教學─═＊影音語法篇：音樂點播器3

小狐狸音樂播放系統2.0

語法

步驟一：將上列語法複製在</head>之前

步驟二：將上列語法複製在<body 之中>

<script language="Javascript"> var sound="boom.au" function soundOff(){if(document.layers){document.midi.document.write(" ");document.midi.document.close()}if(document.all)midi.innerHTML=" " }function soundOn(){if(document.layers){document.midi.document.write("<embed src="+sound+" autostart='true' loop='true' hidden='true'>");document.midi.document.close()}if(document.all)midi.innerHTML="<embed src='"+sound+"' autostart='true' loop='true' hidden='true'>" }function getNewSound(){sound=document.level.request.options[document.level.request.selectedIndex].value;soundOff() soundOn() }</script> <div id=midi style='position: absolute; visibility: show; left: 30; top: -10; z-index: 5; width: 761; height: 128'></div><div id=form1 style=position:absolute;visibility:show;left:30px;top:20px;z-index:5></div><center><form action name=level> <div align="center"> <center> <table border="0" WIDTH="100%" cellpadding="1" cellspacing="0" bordercolor=BLUE> <tr align=center><td><font color="RED" size="2" face="Arial">訪客，<font size="2">歡迎您使用音樂播放系統！</font></font></td></TR></table> <table border="1" bgcolor="#000080" bordercolor="#808080" width="100"> <tr> <td colspan="2"> <p align="center"><img src="midi.gif"></p> </td> </tr> <tr> <td rowspan="5"> <select name="request" size="8" style='width=260' onChange=getNewSound()> <option value="" selected>☆--------------------選擇點播--------------------☆</option> <option style="COLOR:ff6600" value="歌曲位址">[0]歌曲名稱</option> <option style="COLOR:0066ff" value="歌曲位址">[1]歌曲名稱</option> <option style="COLOR:ff6600" value="歌曲位址">[2]歌曲名稱</option> <option style="COLOR:0066ff" value="歌曲位址">[3]歌曲名稱</option> <option style="COLOR:ff6600" value="歌曲位址">[4]歌曲名稱</option> <option style="COLOR:0066ff" value="歌曲位址">[5]歌曲名稱</option> <option style="COLOR:ff6600" value="歌曲位址">[6]歌曲名稱</option> </select></td><td> <input type=button value=點播 onClick=soundOn() style="background-color:black; color:ffffff;HEIGHT:19PX; border:2 solid; cursor:n-resize;"></td> </tr> <tr> <td> <input type=button value=停止 onClick=soundOff() style="background-color:black; color:ffffff;HEIGHT:19PX; border:2 solid; cursor:n-resize;"></td> </tr> <tr> <td><input type=button onclick='window.alert(" 版權申明\n\n MIDI音樂點播系統\n\n 程式：小狐狸\n\n 版本： JAVA V2.0 個人版\n\n 程式說明：提供線上音樂\n\n 播放類型：自動播放\n\n 個人網站： JAVA語法圖書館\n\n 電子郵件： yiae6634@yahoo.com.tw")' value=版權 style="background-color:black; color:ffffff;height:19px; border:2 solid; cursor:n-resize;"></td> </tr> <tr> <td><input type="button" value="笑話" onclick=window.open('http://home.kimo.com.tw/yiae6634/iuopyt/') style="background-color:black; color:ffffff;HEIGHT:19PX; border:2 solid; cursor:n-resize;"></td> </tr> <tr><td> <input type="button" value="信箱" onclick=window.open('mailto:yiae6634@yahoo.com.tw') style="background-color:black; color:ffffff;HEIGHT:19PX; border:2 solid; cursor:n-resize;"></td></tr><tr> <td colspan="2"> <p align="center"><font color="#FFFF00">程式：</font><a href="http://yiae6634.24cc.com/" target="_blank"><font color="#FFFFFF">小狐狸</font></a> <font color="#FFFF00">版本：</font><font color="#FFFFFF">2.0</font> <font color="#FFFF00">個人版</font></P> </td> </tr> </table> </center>

步驟三：將上列語法複製在 <body>之後

說明：在scroll="no"的地方不用改成yes

<td colspan="2"> <p align="center"><img src="midi.gif"></p> </td>
在midi.gif的地方是放圖片的

範例　