9 жил өмнө · 0ac54b0f01
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 
				 一款简洁的HTML5音乐播放器。内置两套主题，可在运行时一键切换
			
 
				 ![](demo/toggleTheme.gif)
			
 
				 
			
 
				-## 主题预览
			
 
				+## 主题说明 | [在线预览](newraina.github.io/mePlayer/demo)
			
 
				 ### 默认主题
			
 
				 - 有歌词时滚动显示歌词，无歌词时显示模拟频谱动画
			
 
				 - 播放中鼠标悬停在界面上滑动滚轮可调节音量，音量大小用音量条表示
			
--- a/demo/index.html
+++ b/demo/index.html
@@ -7,7 +7,10 @@
 
				     <link rel="stylesheet" href="main.css">
			
 
				 </head>
			
 
				 <body>
			
 
				-<div class="music"></div>
			
 
				+<div class="container">
			
 
				+    <div class="music"></div>
			
 
				+    <button type="button">切换主题</button>
			
 
				+</div>
			
 
				 <script src="../dist/meplayer.min.js"></script>
			
 
				 <script src="main.js"></script>
			
 
				 </body>
			
--- a/demo/main.css
+++ b/demo/main.css
@@ -12,7 +12,25 @@ body {
 
				     background: #E6EAF1;
			
 
				 }
			
 
				 
			
 
				-.music {
			
 
				+.container {
			
 
				     width: 400px;
			
 
				     margin: 120px auto 0;
			
 
				 }
			
 
				+
			
 
				+button {
			
 
				+    display: block;
			
 
				+    margin: 50px auto;
			
 
				+    color: #777;
			
 
				+    background-color: #FFF;
			
 
				+    font-size: 14px;
			
 
				+    text-align: center;
			
 
				+    line-height: 30px;
			
 
				+    height: 30px;
			
 
				+    width: 120px;
			
 
				+    appearance: none;
			
 
				+    border: none;
			
 
				+}
			
 
				+
			
 
				+button:focus {
			
 
				+    outline: none;
			
 
				+}
			
--- a/demo/main.js
+++ b/demo/main.js
@@ -8,3 +8,7 @@ mePlayer({
 
				     },
			
 
				     target: '.music'
			
 
				 });
			
 
				+
			
 
				+document.querySelector('button').addEventListener('click', function () {
			
 
				+    mePlayer.toggleTheme();
			
 
				+});