使用按钮控制HTML5背景音乐开关
生活随笔
收集整理的這篇文章主要介紹了
使用按钮控制HTML5背景音乐开关
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width; initial-scale=1.0"> <title>演示：使用按鈕控制HTML5背景音樂(lè)開(kāi)關(guān)</title></head><body><div id="main"><div style="width:36px; height:36px;float:right;position:absolute;z-index:13;top:5px;right:5px;"><audio id="music" src="../addons/shd_xb/template/style/mp3/back.mp3" loop="loop">你的瀏覽器不支持audio標(biāo)簽。</audio><a id="audio_btn"><img src="../addons/shd_xb/template/style/image/play.png" id="music_btn" border="0" ></a></div></div><script type="text/javascript"src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js"></script><script>$("#audio_btn").click(function() {var music = document.getElementById("music");if (music.paused) {music.play();$("#music_btn").attr("src", "play.gif");} else {music.pause();$("#music_btn").attr("src", "pause.gif");}});function playPause() {var music = document.getElementById('music2');var music_btn = document.getElementById('music_btn2');if (music.paused) {music.play();music_btn.src = 'play.gif';} else {music.pause();music_btn.src = 'pause.gif';}}</script></body> </html>
?
轉(zhuǎn)載于:https://www.cnblogs.com/LoveQin/p/5301262.html
總結(jié)
以上是生活随笔為你收集整理的使用按钮控制HTML5背景音乐开关的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 上河图是谁画的呢？
- 下一篇： layoutSubviews总结(转)