js控制網(wǎng)頁(yè)背景音樂(lè)播放與停止的方法
更新時(shí)間：2015年02月06日 10:33:57 作者：飛雪
這篇文章主要介紹了js控制網(wǎng)頁(yè)背景音樂(lè)播放與停止的方法,實(shí)例分析了javascript控制背景音樂(lè)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js控制網(wǎng)頁(yè)背景音樂(lè)播放與停止的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js控制背景音樂(lè)bgsound的方法(開(kāi)始與停止)</title>
</head>
<body>
<script type="text/javascript">
var bg_sound=document.createElement_x("bgsound");//創(chuàng)建背景音樂(lè)
bg_sound.id="i_bg"http://設(shè)置id屬性
document.body.appendChild(bg_sound);//body中添加背景音樂(lè)
//bg_sound.src="tmp3.mp3";
i_bg.src="tmp3.mp3";//設(shè)置一個(gè)背景音樂(lè)文件
//應(yīng)該也可以用write寫(xiě)出來(lái)，可以試下效果。
function bg_stop(){
i_bg.src="";
}
function bg_start(){
i_bg.src="tmp3.mp3";
}
</script>
<span ><a onclick="javascript:bg_stop();" href="javascript:void(0);">背景音樂(lè)停止</a></span> <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景音樂(lè)開(kāi)始</a></span>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js控制背景音樂(lè)bgsound的方法(開(kāi)始與停止)</title>
</head>
<body>
<script type="text/javascript">
var bg_sound=document.createElement_x("bgsound");//創(chuàng)建背景音樂(lè)
bg_sound.id="i_bg"http://設(shè)置id屬性
document.body.appendChild(bg_sound);//body中添加背景音樂(lè)
//bg_sound.src="tmp3.mp3";
i_bg.src="tmp3.mp3";//設(shè)置一個(gè)背景音樂(lè)文件
//應(yīng)該也可以用write寫(xiě)出來(lái)，可以試下效果。
function bg_stop(){
i_bg.src="";
}
function bg_start(){
i_bg.src="tmp3.mp3";
}
</script>
<span ><a onclick="javascript:bg_stop();" href="javascript:void(0);">背景音樂(lè)停止</a></span> <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景音樂(lè)開(kāi)始</a></span>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)點(diǎn)擊Radio動(dòng)態(tài)更新table數(shù)據(jù)
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊Radio動(dòng)態(tài)更新table數(shù)據(jù)的相關(guān)資料,需要的朋友可以參考下2017-07-07
JavaScript實(shí)現(xiàn)酷炫的鼠標(biāo)拖尾特效
這篇文章主要為大家介紹了通過(guò)JavaScript實(shí)現(xiàn)的一個(gè)超級(jí)好看的鼠標(biāo)拖尾特效，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，感興趣的可以學(xué)習(xí)一下2021-12-12
這篇文章主要為大家詳細(xì)介紹了微信JS-SDK選取手機(jī)照片上傳功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
js select下拉聯(lián)動(dòng) 更具級(jí)聯(lián)性!
這篇文章主要為大家詳細(xì)介紹了js select下拉聯(lián)動(dòng)的相關(guān)資料，更具級(jí)聯(lián)性!文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
Webpack中SplitChunksPlugin 配置參數(shù)詳解
這篇文章主要介紹了Webpack中SplitChunksPlugin 配置參數(shù)詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
javascript實(shí)現(xiàn)行拖動(dòng)的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)行拖動(dòng)的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
js實(shí)現(xiàn)視頻播放時(shí)屏幕顯示水印
這篇文章主要為大家詳細(xì)介紹了js如何實(shí)現(xiàn)視頻播放時(shí)屏幕顯示水印的效果,文中的示例代碼講解詳細(xì),對(duì)我們深入掌握js有一定的幫助,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
JS遍歷頁(yè)面所有對(duì)象屬性及實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS遍歷頁(yè)面所有對(duì)象屬性及實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
使用Javascript簡(jiǎn)單實(shí)現(xiàn)圖片無(wú)縫滾動(dòng)
本文簡(jiǎn)單介紹了使用原生javascript實(shí)現(xiàn)簡(jiǎn)單的圖片無(wú)縫滾動(dòng)的方法，并附上示例代碼，推薦給大家，直接可以用在項(xiàng)目中的。2014-12-12
Nuxt默認(rèn)模板、默認(rèn)布局和自定義錯(cuò)誤頁(yè)面的實(shí)現(xiàn)
這篇文章主要介紹了Nuxt默認(rèn)模板、默認(rèn)布局和自定義錯(cuò)誤頁(yè)面的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05