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