这样写是可以的。注意:把script写在元素下,这样保证能获取到元素,或者写在head里面的时候,写在 window.onload里面
如果觉得正确,请采纳。
实现控制网站背景音乐的播放暂停在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}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)