htmljs 想实现点击按钮暂停(段注释部分)~但不能用,请求帮助!代码如下。。?

htmljs 想实现点击按钮暂停(段注释部分)~但不能用,请求帮助!代码如下。。?,第1张

这样写是可以的。注意:把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}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7768209.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存