本文實(shí)例講述了js給網(wǎng)頁(yè)加上背景音樂(lè)及選擇音效的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼代碼如下:
<HTML>
<HEAD>
<TITLE>給網(wǎng)頁(yè)加上背景音樂(lè)，選擇音效功能</TITLE>
<STYLE>
<!--樣式單 -->
a{font-size:30pt;color:blue;font-family:Vineta BT}
a:link{text-decoration:none;}
a:hover{text-decoration:none;color:red}
a:visited{text-decoration:none;}
.20pt{font-size:20pt;color:#ff66cc}
</STYLE>
<script language=javascript>
var mid=new Array()
mid[1]="sound/201101/S01.wav"
mid[2]="sound/201101/S02.wav"
function clicksound(i)
{
document.all.sound.src=mid[i]
}
</script>
</HEAD>
<BODY>
<bgsound id=sound src="" loop=1>
<bgsound src="sound/201101/Abuse.mid">
<center>
<a href="#" onclick="clicksound(1)">NO! NO! NO!</a><br>
<a href="#" onclick="clicksound(2)">You Win!歡呼!</a><br>
<hr width=700>
<font class=20pt>鼠標(biāo)單擊上面的內(nèi)容時(shí),會(huì)有動(dòng)感的背景音效</font>
</center>
</BODY>
</HTML>
<HEAD>
<TITLE>給網(wǎng)頁(yè)加上背景音樂(lè)，選擇音效功能</TITLE>
<STYLE>
<!--樣式單 -->
a{font-size:30pt;color:blue;font-family:Vineta BT}
a:link{text-decoration:none;}
a:hover{text-decoration:none;color:red}
a:visited{text-decoration:none;}
.20pt{font-size:20pt;color:#ff66cc}
</STYLE>
<script language=javascript>
var mid=new Array()
mid[1]="sound/201101/S01.wav"
mid[2]="sound/201101/S02.wav"
function clicksound(i)
{
document.all.sound.src=mid[i]
}
</script>
</HEAD>
<BODY>
<bgsound id=sound src="" loop=1>
<bgsound src="sound/201101/Abuse.mid">
<center>
<a href="#" onclick="clicksound(1)">NO! NO! NO!</a><br>
<a href="#" onclick="clicksound(2)">You Win!歡呼!</a><br>
<hr width=700>
<font class=20pt>鼠標(biāo)單擊上面的內(nèi)容時(shí),會(huì)有動(dòng)感的背景音效</font>
</center>
</BODY>
</HTML>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
