實(shí)例:使用Javascript制作聲音按鈕

字號(hào):

文章簡(jiǎn)介:
    一般而言,網(wǎng)頁中按鈕是沒有聲音觸發(fā)事件的。如果要讓按鈕響應(yīng)鼠標(biāo)動(dòng)作發(fā)出聲音,我們可以寫一段JavaScript腳本代碼來實(shí)現(xiàn)。
    能讓按鈕發(fā)出聲音的腳本,這下不用制作Flash按鈕也可以了,我試用的感覺還不錯(cuò)。
    制作方法:
    1、新建文件:
    以下是引用片段:
    DynamicAudioButton.js ,代碼:
    //Customize Dynamic Audio Link 自定義動(dòng)態(tài)聲音鏈接
    function DynamicAudioLink(){
     open("http://www.pcedu.com.cn")
    }
    //Customize Dynamic Audio Mouse Over Color 自定義動(dòng)態(tài)聲音mouseover顏色
    function AudioOver() {
     document.Audio.button.style.background="#999999"
     document.Audio.button.style.color="white"
    }
    //Customize Dynamic Audio Mouse Down Color 自定義動(dòng)態(tài)聲音mousedown顏色
    function AudioDown() {
     document.Audio.button.style.color="#cccccc"
    }
    //Customize Dynamic Audio Mouse Off Color 自定義動(dòng)態(tài)聲音mouseOff 顏色
    function AudioOut() {
     document.Audio.button.style.background="#666666"
     document.Audio.button.style.color="#ffffff"
    }
    //Customize Dynamic Audio sound 自定義動(dòng)態(tài)聲音
    function playHome()
    {
     document.all.sound.src = "bleep.wav";
    }
    document.write('')
    //Customize Button Style 自定義按鈕樣式
    document.write('')
    document.write('
')
    2、保存文件后,在頁面相關(guān)處插入代碼引用該JS文件:
    以下是引用片段:
    3、選擇好音樂文件,可以是wav、MP3等,音樂文件盡量小些。
    方法制作完成,用戶可以使用圖片等形式,當(dāng)然也得修改 DynamicAudioButton.js 文件相應(yīng)的代碼。