文章簡(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)的代碼。
一般而言,網(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)的代碼。