js給網(wǎng)頁加上背景音樂及選擇音效的方法
更新時間：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)容時,會有動感的背景音效</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è)計(jì)有所幫助。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)可拖拽登錄框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
提供復(fù)制本站內(nèi)容時出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼
提供復(fù)制本站內(nèi)容時出現(xiàn),該文章轉(zhuǎn)自腳本之家等字樣的js代碼...2007-03-03
JavaScript獲取XML數(shù)據(jù)附示例截圖
這篇文章主要介紹了JavaScript獲取XML數(shù)據(jù)的方法,需要的朋友可以參考下2014-03-03
html5+javascript實(shí)現(xiàn)簡單上傳的注意細(xì)節(jié)
這篇文章主要為大家詳細(xì)介紹了html5+javascript實(shí)現(xiàn)上傳操作的注意細(xì)節(jié)，form表單樣式不美觀等細(xì)節(jié)問題，感興趣的小伙伴們可以參考一下2016-04-04
解決layui的table插件無法多層級獲取json數(shù)據(jù)的問題
今天小編就為大家分享一篇解決layui的table插件無法多層級獲取json數(shù)據(jù)的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JS實(shí)現(xiàn)圖片放大鏡效果的方法,實(shí)例分析了magnifier.js插件的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
js 替換功能函數(shù)，用正則表達(dá)式解決，js的全部替換
js 替換功能函數(shù)，用正則表達(dá)式解決，js的全部替換，學(xué)習(xí)js的朋友可以參考下。2010-12-12
javascript Xml增刪改查(IE下)操作實(shí)現(xiàn)代碼
比較不錯的實(shí)現(xiàn)代碼，大家可以仔細(xì)的看下，思路。2009-01-01
當(dāng)頁面特別長的時候，用戶想回到頁面頂部，必須得滾動好幾次滾動鍵才能回到頂部，如果在頁面右下角有個“返回頂部”的按鈕，用戶點(diǎn)擊一下，就可以回到頂部，對于用戶來說，是一個比較好的體驗(yàn)。2015-05-05
怎樣用Javascript實(shí)現(xiàn)單例模式
這篇文章主要介紹了怎樣用Javascript實(shí)現(xiàn)單例模式，想學(xué)習(xí)設(shè)計(jì)模式的同學(xué)，可以參考下2021-04-04