背景音乐

HMLIU · Jan 20, 2017 · f92fe21 · f92fe21
1 parent bc98354
commit f92fe21
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 1 deletion.
diff --git a/src/main/webapp/WEB-INF/lottery/images/music.mp3 b/src/main/webapp/WEB-INF/lottery/images/music.mp3
diff --git a/src/main/webapp/WEB-INF/lottery/images/pause.gif b/src/main/webapp/WEB-INF/lottery/images/pause.gif
diff --git a/src/main/webapp/WEB-INF/lottery/images/play.gif b/src/main/webapp/WEB-INF/lottery/images/play.gif
diff --git a/src/main/webapp/WEB-INF/lottery/js/lottery.js b/src/main/webapp/WEB-INF/lottery/js/lottery.js
@@ -247,6 +247,17 @@ $(document).ready(function () {
     });
     setInterval(function () {
         getCnt();
-    }, 1000 * 5)
+    }, 1000 * 5);
 
+    var music = document.getElementById("music");
+    music.pause();
+    $("#audio_btn").click(function(){
+        if(music.paused){
+            music.play();
+            $("#music_btn").attr("src","images/pause.gif");
+        }else{
+            music.pause();
+            $("#music_btn").attr("src","images/play.gif");
+        }
+    });
 });
diff --git a/src/main/webapp/WEB-INF/lottery/js/lottery.new.js b/src/main/webapp/WEB-INF/lottery/js/lottery.new.js
@@ -259,4 +259,16 @@ $(document).ready(function () {
     setInterval(function () {
         lottery.getCnt();
     }, 1000 * 5)
+
+    var music = document.getElementById("music");
+    music.pause();
+    $("#audio_btn").click(function(){
+        if(music.paused){
+            music.play();
+            $("#music_btn").attr("src","images/pause.gif");
+        }else{
+            music.pause();
+            $("#music_btn").attr("src","images/play.gif");
+        }
+    });
 });
diff --git a/src/main/webapp/WEB-INF/lottery/lottery.html b/src/main/webapp/WEB-INF/lottery/lottery.html
@@ -82,6 +82,10 @@
     </script>
 </head>
 <body>
+<div style="position:absolute;top:10px;right:10px;z-index:9999;">
+    <audio id="music" src="images/music.mp3" autoplay loop>你的浏览器不支持audio标签。</audio>
+    <a id="audio_btn"><img src="images/play.gif" width="48" height="50" id="music_btn" border="0"></a>
+</div>
 <div class="container">
     <div class="top">
         <div class="left">

diff --git a/src/main/webapp/WEB-INF/lottery/lottery.new.html b/src/main/webapp/WEB-INF/lottery/lottery.new.html
@@ -80,6 +80,10 @@
     </style>
 </head>
 <body>
+<div style="position:absolute;top:10px;right:10px;z-index:9999;">
+    <audio id="music" src="images/music.mp3" autoplay loop>你的浏览器不支持audio标签。</audio>
+    <a id="audio_btn"><img src="images/play.gif" width="48" height="50" id="music_btn" border="0"></a>
+</div>
 <div class="container">
     <div class="top">
         <div class="left">