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