js給網(wǎng)頁加上背景音樂及選擇音效的方法
更新時(shí)間:2015年03月03日 15:03:30 作者:代碼家園
這篇文章主要介紹了js給網(wǎng)頁加上背景音樂及選擇音效的方法,涉及javascript操作音頻的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js給網(wǎng)頁加上背景音樂及選擇音效的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
復(fù)制代碼 代碼如下:
<HTML>
<HEAD>
<TITLE>給網(wǎng)頁加上背景音樂,選擇音效功能</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)頁加上背景音樂,選擇音效功能</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ì)有所幫助。
相關(guān)文章
實(shí)例解析package.json和最常見的scripts字段
日常開發(fā)中,現(xiàn)在的前端開發(fā)已經(jīng)被三大框架取代,其中最主流的不過vue和react,而開發(fā)這些項(xiàng)目的時(shí)候不得不接觸package.json這個(gè)文件,可你真的了解這個(gè)文件嗎?今天給大家聊聊package.json和最常見的scripts字段,感興趣的朋友一起看看吧2023-04-04用JavaScript對(duì)JSON進(jìn)行模式匹配 (Part 2 - 實(shí)現(xiàn))
在上一篇文章里,我們完成了 Dispatcher 類的接口設(shè)計(jì),現(xiàn)在我們就來考慮一下如何實(shí)現(xiàn)這個(gè)類。2010-07-07JavaScript動(dòng)態(tài)檢測密碼強(qiáng)度原理及實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript動(dòng)態(tài)檢測密碼強(qiáng)度原理及實(shí)現(xiàn)方法,結(jié)合具體實(shí)例形式詳細(xì)分析了javascript針對(duì)輸入字符串密碼強(qiáng)度檢測的原理與相關(guān)判斷操作技巧,需要的朋友可以參考下2019-06-06原生JavaScript實(shí)現(xiàn)進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-02-02