<div class="music" href="javascript:void(0);" id="control"> <img src="images/love_3.png" alt="">
<div class="music" href="javascript:void(0);" id="control">
<img src="images/love_3.png" alt="">
<audio id="audio" src="" loop="loop" autoplay="autoplay"></audio>
</div>
<script src="js/jquery.min.js"></script>
<script>
$(function() {
getSong();
clicks();
})
//获取歌曲链接并插入dom中
function getSong() {
var audio = document.getElementById("audio");
audio.src = "music.mp3";
audio.loop = true; //歌曲循环
//playCotrol(); //播放控制函数
}
//点击播放/暂停
function clicks() {
var audio = document.getElementById("audio");
$("#control").click(function() {
if ($("#control").hasClass("play")) {
$("#control").addClass("pause").removeClass("play");
audio.play();//开始播放
//dragMove();//并且滚动条开始滑动
//$("#control").html("暂停播放");
} else {
$("#control").addClass("play").removeClass("pause");
//$("#control").html("点击播放");
audio.pause();
}
})
}
</script>
