<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="jquery-1.3.2.min.js"></script>
<body>
<!--控制播放-->
<div id="bg_music_btn" num='1' style="background-color: black;height: 100px;width: 100px;">关闭背景音乐</div>
<!--背景音乐-->
<div id="bg_music"></div>
<script>
// 添加音乐*************************************************************************************************
$(document).ready(function () {
$('#bg_music').append('<audio id="m_bg_music" loop="loop" preload="auto" autoplay="autoplay" src="1.mp3" />');
var mp3=$('#m_bg_music')[0];
$('#bg_music_btn').click(function(){
var num = $('#bg_music_btn').attr('num');
if(num == "1")
{
$('#bg_music_btn').attr('num','0');
mp3.pause();
}
if(num == "0")
{
$('#bg_music_btn').attr('num','1');
mp3.play();
}
});
});
</script></body></html>
想测试的话复制粘贴即可 再加入相关的资源即可 注意修改文件路径与资源