一个按键 播放 停止音乐


<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习 </title>
    <style>
              *{
  margin:0;
  padding:0;
  list-style:none;}
  div{
  height:50px;
  width:56px;
  background:url(images2/musicBtn.gif) no-repeat left top;}
  .current{
  background:url(images2/musicBtn.gif) no-repeat left bottom;}
    </style>
     <script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<audio autoplay id="muc1">
    <source src="lib/home.ogg"/>
    </audio>
<div class="plmus"></div>
    <script>
$(document).ready(function(e) {
           var picsTatus=true;
  var muc1=document.getElementById("muc1");
  $(".plmus").click(function(){
 
  if(picsTatus){
  console.log("play to pause");
  $(".plmus").addClass("current");
 muc1.pause();
// muc1.pause();
  picsTatus=false;
  }else{
$(".plmus").removeClass("current");
 muc1.play();
  picsTatus=true;
  }
  });
        });
    </script>
</body>
</html>
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页