Latest News

Home » 網站架設網頁設計教學(軟體集中營) » 在您網站加入音樂點播語法(JAVASCRIPT)範例

在您網站加入音樂點播語法(JAVASCRIPT)範例

在您網站加入音樂點播語法(JAVASCRIPT)範例

您覺得網站播放音樂比較好嗎?
您是否也想在您網站加入音樂?
來!總教頭免費提供您在您網站加入音樂點播語法(JAVASCRIPT)範例!


提供您網站加入音樂點播語法:
————————————————————–
(JAVASCRIPT放到 Head區塊)

<script>
//設定音樂或歌曲檔案完整位址
musicSrc = new Array()
musicSrc[0] = "http://www.howto-make-money.com.tw/mp3/SummerSnow.mp3";
musicSrc[1] = "http://www.howto-make-money.com.tw/mp3/STAY_ON_THESE_ROADS.mp3";
musicSrc[2] = "http://www.howto-make-money.com.tw/mp3/c1.mp3";
musicSrc[3] = "http://www.howto-make-money.com.tw/mp3/c2.mp3";
musicSrc[4] = "http://www.howto-make-money.com.tw/mp3/c3.mp3";
musicSrc[5] = "http://www.howto-make-money.com.tw/mp3/c4.mp3";
musicSrc[6] = "http://www.howto-make-money.com.tw/mp3/c5.mp3";

//播放下拉表單中選擇的項目
function PlaySelectMusic(select_item)
{
musicArea.innerHTML="<embed src='"+ musicSrc[select_item] +"' autostart=TRUE hidden=TRUE loop=TRUE ShowStatusBar=TRUE ShowDisplay=FALSE ShowGotoBar=FALSE" + ">"}

function StopPlay(select_item)
{
musicArea.innerHTML="<embed src='"+ musicSrc[select_item] +"' autostart=FALSE hidden=TRUE" + ">"}
</script>

  <form name="musicForm" >
      <select name="musicSelect" onmouseover="PlaySelectMusic(this.selectedIndex)" onmouseout="StopPlay(this.selectedIndex)">
        <option selected="selected">馬修連恩歌曲1</option>
        <option>a-ha合唱團好歌</option>
        <option>張雨生-如果妳冷</option>
        <option>布袋戲-愛情是無情的信</option>
        <option>布袋戲-靖滄浪角色曲</option>
        <option>布袋戲-劍者傳說(殢無傷)</option>
        <option>布袋戲-羽人非獍二胡曲</option>
      </select>
    </form><div id="musicArea"></div>


備註:
說實在的,我比較不喜歡在網站播放音樂,原因有二:

1.覺得太吵(音樂每個人喜歡的樂曲不見得相同,是音樂還是噪音?見解不同!)
2.音樂版權的問題(無版權的音樂就不是時下流行的音樂,有版權的好音樂必須取得授權,方可掛載!)

About

發佈留言