代码如下：
实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的，仅仅几行代码即可实现。
首先在网页中嵌入背景音乐，html5代码为：
<a class="mscBtn" id="audioBtn" style="cursor:pointer;"></a>
<audio id="bgMusic" src="http://cctv3.qiniudn.com/zuixingfuderen.mp3" autoplay="autoplay" loop="loop"></audio>
通过audio的id即可控制音乐的播放（play()）和暂停（pause()），同时通过改变class改变按钮的背景图片，js代码为（前提是要引入jq）：
var music = document.getElementById("bgMusic");
$("#audioBtn").click(function(){
if(music.paused){music.play();
$("#audioBtn").removeClass("pause").addClass("play");
}else{music.pause();
$("#audioBtn").removeClass("play").addClass("pause");}});
css样式为：
.pause {background-position: 0 bottom;}
.mscBtn {height: 50px;
background: #fff url(http://cctv2.qiniudn.com/musicBtn.gif) no-repeat;
display: block;}
注意：一定要现在头部引入jquery文件，在html尾部插入这些代码才能控制启停。楼主血的教训啊啊啊啊啊啊啊啊啊啊啊啊啊。
时间： 2024-10-08 11:55:07