dos

Public/static/css/index.css

@@ -97,6 +97,11 @@ input::-webkit-input-placeholder {
   -webkit-animation: fadeInOut 1s ease infinite;
 }
 
+.home-page .musicgif {
+  width: 100%;
+  height: 100%;
+}
+
 @keyframes fadeInOut {
 
   0%,

Public/static/js/common.js

@@ -246,6 +246,7 @@ $(document).ready(function () {
         window.scroll(0, 0); //失焦后强制让页面归位
     });
     // $('.logo').css('top',getTranslateDistance(15));
+    $('.gif-block').append('<img class="musicgif" src="' + picUrl + 'music.gif" />');
 
     initPage();
 
@@ -347,8 +348,24 @@ $(document).ready(function () {
     $('.suggest-page .agree-wrap').on('click', agreeSuggest);
     //完成署名
     $('.suggest-page .btn-next').on('click', showCountDownPage);
+    //音乐按钮点击
+    $('.btn-music').on('click', toggleMusic);
 });
 
+function toggleMusic() {
+    if ($('#music')[0].paused) {
+        $('#music')[0].play();
+        $('.music.stop').hide();
+        $('.music.play').show();
+        musicStatus = true;
+    } else {
+        $('#music')[0].pause();
+        $('.music.play').hide();
+        $('.music.stop').show();
+        musicStatus = false;
+    }
+}
+
 function initPage() {
     let displacement = parseInt(getTranslateDistance());
     if (displacement > 0) {