-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathindex.html
279 lines (239 loc) · 32.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
<title>弹钢琴留言板 - 轩枫阁 – 前端开发 | 歪密&农航亮</title>
<link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="./css/piano.css" type="text/css" media="screen" />
<link rel="icon" type="image/ico" href="./images/favicon.ico">
<script type="text/javascript" src="./js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="./js/jquery.json-2.4.min.js"></script>
<script type="text/javascript" src="./js/pianoShare.js"></script>
<script type="text/javascript" src="./js/pianoStorage.js"></script>
<script type="text/javascript" src="./js/pianoSwfobject.js"></script>
<script type="text/javascript" src="./js/piano.js"></script>
</head>
<body>
<div id="container">
<header id="header" class="cf">
<div class="progress"></div>
<div id="head" class="cf">
<h1 id="logo"><a href="http://www.xuanfengge.com/">轩枫阁</a></h1>
<!-- 主要DOM结点 -->
<div id="music">
<!-- 导航 -->
<div id="nav">
<ul id="menu-nav" class="menu">
<li class="menu-item menu-item-19"><a href="http://www.xuanfengge.com/">首页</a></li>
<li class="menu-item menu-item-9"><a href="http://www.xuanfengge.com/category/web">Web前端</a></li>
<li class="menu-item menu-item-12"><a href="http://www.xuanfengge.com/category/skill">授人以渔</a></li>
<li class="menu-item menu-item-2813"><a href="http://www.xuanfengge.com/category/ui">UI设计</a></li>
<li class="menu-item menu-item-10"><a href="http://www.xuanfengge.com/category/wordpress">WP视点</a></li>
<li class="menu-item menu-item-1016"><a href="http://www.xuanfengge.com/gallery">美图酷览</a></li>
<li class="menu-item menu-item-13"><a href="http://www.xuanfengge.com/category/art">文艺青年</a></li>
<li class="menu-item menu-item-14"><a href="http://www.xuanfengge.com/category/code">程序人生</a></li>
<li class="menu-item menu-item-164"><a href="http://www.xuanfengge.com/about-message">关于&留言</a></li>
</ul>
</div>
<!-- 三角导航 -->
<div class="music_extra_nav">
<span class="music_trangle"></span>
<ul class="piano_extra">
<li><a class="book_play" href="javascript:;">看谱弹琴</a></li>
<li><a class="song_record" href="javascript:;">录制曲子</a></li>
<li><a class="my_album" href="javascript:;">我的曲谱</a></li>
<li><a class="" href="http://www.xuanfengge.com/piano/" target="_blank">弹奏攻略</a></li>
</ul>
</div>
<div class="piano_album">
<span class="album_close" title="关闭">X</span>
<!-- 选择曲目列表 -->
<div class="album_choose">
<div class="song-list" id="song-list">
<h3>请选择要弹奏的曲子</h3>
<div id="list-info"></div>
</div>
<div class="song-opern" id="song-opern">
<ul class="piano-key">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li class="high-pat">1</li>
<li class="high-pat">2</li>
</ul>
<h3 class="cf">
<span class="title"></span>
<a class="select-another" href="javascript:;">[返回曲子列表]</a>
<span class="save_extra save_delete">删除</span>
<span data-list="" class="save_extra save_listen">试听</span>
</h3>
<div id="opern-info" data-key=""></div>
<span class="opern-from">由网友<a href="##" target="_blank"></a>提供</span>
</div>
<!-- .album_choose -->
</div>
<!-- 弹奏功能 -->
<div class="piano_function">
<div class="record-area">
<h3 class="record-state">点击开始录制，可以把你弹奏的曲子录制下来</h3>
<div class="record-panel">
<a class="start_record piano_button glow button-rounded button-flat-action" href="javascript:;">开始录制</a>
<a class="finish_record piano_button glow button-rounded button-flat-highlight" style="display: none;" href="javascript:;">完成录制</a>
<a class="cancel_record cancel-btn" style="display: none;" href="javascript:;">取消</a>
</div>
<div class="record-info" style="display: none;">您貌似没有弹奏，先弹一曲吧~</div>
</div>
<div class="record-success" style="display: none;">
<div class="record-info" style="display: none;">您刚才没有录制任何内容，重新录制吧~</div>
<div class="record-panel">
<a class="start_listen piano_button glow button-rounded button-flat-action" href="javascript:;">马上试听</a>
<a class="reset_record piano_button glow button-rounded button-flat-caution" href="javascript:;">重新录制</a>
<a class="upload_record piano_button glow button-rounded button-flat-royal" href="http://www.xuanfengge.com/piano" target="_blank">提交此曲</a>
<a class="save_record piano_button glow button-rounded button-flat-primary" href="javascript:;">本地保存</a>
<input type="text" placeholder="请输入歌曲信息" class="save_info" /><a href="javascript:;" class="save_record_btn">保存</a>
</div>
<div class="record-share">
<a class="share_record" data-copy="" href="" href="javascript:;"></a>
<span id="forLoadSwf"></span>
<span class="share_title" data-title="你不知道吧？其实我也会弹钢琴，就知道你们不信，所以特意录了一首，不信你来听听！不要太崇拜我">分享给好友显摆一下：</span>
<a class="piano_share_tsina sina-weibo" href="javascript:;">新浪微博</a>
<a class="piano_share_tqq qq-weibo" href="javascript:;">腾讯微博</a>
<a class="piano_share_tqzone qqzone" href="javascript:;">QQ空间</a>
<a class="piano_share_renren renren" href="javascript:;">人人网</a>
</div>
</div>
<!-- piano_function -->
</div>
<!-- .piano_album -->
</div>
<!-- 放置声音文件 -->
<div class="piano_audio"></div>
<!-- #music -->
</div>
</div>
</header>
<!-- #header -->
<div class="about_top">
<img src="./images/about.jpg" alt="">
</div>
<div id="about_content">
<p style="text-align:center;font-size:16px;font-weight:bold;">轩枫阁-弹钢琴留言板</p><br/>
<p style="text-indent:2em;text-align:center;">欢迎体验全新功能-弹钢琴。继续阅读查看教程，或者留言提交曲谱</p>
<h3>好曲试听：还没有熟练弹奏的你赶紧先来听听吧</h3>
<ul class="song_list">
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-8:5:2-7:8:2-8:9:2-7:3:2-6:3:2-5:3:2-6:3:2-5:3:2-3:3:2-2:3:2-3:4:2-5:3:2-6:3:2-5:4:2-5:8:2-5:3:2-6:3:2-6:6:2-6:6:2-5:4:2-6:6:2-5:4:2-3:4:2-1:10:2-2:3:2-3:4:2-5:4:2-3:4:2-2:4:2-1:3:2-1:6:2-2:3:2-3:3:2-6:4:2-3:4:2-2:3:2-1:4:2-1:7:2-1:3:2-8:4:2-8:6:2-8:6:2-6:4:2-8:6:2-6:4:2-5:11:2" target="_blank">爱情呼叫转移</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:6-5:8-3:8-3:5-5:9-3:13-5:6-8:6-7:8-6:11-6:5-5:9-3:8-4:6-5:6-3:9-3:9-4:5-5:6-3:16-4:6-8:8-7:5-6:6-7:10-8:10-5:13-5:5-8:6-6:15-4:6-5:5-5:11-4:6-5:6-6:10-8:10-6:8-7:4-5:16-5:5-8:7-6:13-4:6-5:6-5:16-4:6-5:6-6:5-5:3-4:5-3:8-2:8" target="_blank">摇篮曲</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-6:4-5:4-6:4-5:4-6:5-5:4-5:8-8:5-7:4-6:5-5:5-5:4-3:5-5:6-5:4-3:5-3:4-5:5-5:4-3:5-2:7-4:4-3:5-2:4-1:4-2:4-1:5" target="_blank">找朋友</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:3-3:4-3:7-3:3-3:4-3:6-5:3-1:3-2:3-3:3-4:13-4:3-4:3-4:4-4:3-3:4-3:4-3:4-3:3-2:4-2:3-1:4-2:3-5:7-3:7-3:3-3:3-3:6-3:4-3:3-3:6-5:3-1:3-2:4-3:3-4:13-4:4-4:3-4:4-4:3-3:4-3:3-3:3-5:4-5:3-4:4-2:4-1:4" target="_blank">铃儿响叮当</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-8:5:2-7:8:2-8:9:2-7:3:2-6:3:2-5:3:2-6:3:2-5:3:2-3:3:2-2:3:2-3:4:2-5:3:2-6:3:2-5:4:2-5:8:2-5:3:2-6:3:2-6:6:2-6:6:2-5:4:2-6:6:2-5:4:2-3:4:2-1:10:2-2:3:2-3:4:2-5:4:2-3:4:2-2:4:2-1:3:2-1:6:2-2:3:2-3:3:2-6:4:2-3:4:2-2:3:2-1:4:2-1:7:2-1:3:2-8:4:2-8:6:2-8:6:2-6:4:2-8:6:2-6:4:2-5:11:2" target="_blank">童话</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-1:4:2-1:4:2-5:3:2-4:4:2-3:4:2-2:4:2-1:4:2-2:4:2-3:4:2-3:7:2-1:8:2-3:4:2-5:4:2-6:4:2-6:4:2-6:4:2-8:4:2-7:4:2-6:4:2-5:4:2-4:3:2-5:2:2-5:25:2-5:4:2-5:4:2-6:4:2-6:4:2-6:4:2-8:4:2-7:4:2-6:6:2-5:7:2-5:4:2-3:7:2-2:4:2-1:4:2-2:8:2-3:5:2-4:3:2-3:13:2-4:5:2-3:7:2-1:8:2-1:4:2-2:23:2-3:5:2-4:3:2-3:11:2-4:4:2-2:6:2-1:8:2-1:4:2" target="_blank">回忆里的疯狂</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:5-5:4-6:4-8:5-8:4-6:5-5:4-5:6-6:5-5:5-3:10-3:5-5:5-6:5-8:5-8:4-6:5-5:5-5:6-6:5-5:5-5:10-5:5-5:6-3:5-5:5-6:5-6:7-6:5-5:5-3:9-2:4-3:5-5:5-3:5-2:5-1:5-1:10-2:5-1:5-3:7-2:4-1:5-2:5-3:6-5:5-6:7-8:6-6:5-5:5-5:12-2:15-3:8-5:5-3:5-2:5-1:5-2:4-1:6" target="_blank">茉莉花</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-6:6-8:6-6:11-5:5-3:13-5:5-3:10-2:8-1:25-1:5-2:6-5:13-6:5-5:18-3:5-2:7-1:6-5:12-3:11-5:5-6:4-5:5-3:14-5:4-3:5-2:13-3:9-2:5-1:9-6:11-5:9-1:10-1:15-1:4-2:5-3:9-5:7-5:4-6:13-2:14-3:4-2:7-1:4-6:10-5:5-1:12-6:4-5:17-8:17-6:12-5:7-3:10-5:7-6:4-5:4-1:8-1:4-2:25-5:4-6:23-5:4-3:5-2:12-3:10-1:10-2:5-1:5-6:7-5:8" target="_blank">浏阳河</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=6:0-8:9:2-9:5:2-6:5:2-4:14:2-5:5:2-4:7:2-5:2:2-8:5:2-6:5:2-5:19:2-5:5:2-5:5:2-6:5:2-5:5:2-4:5:2-2:6:2-1:5:2-4:5:2-5:15:2-6:5:2-5:7:2-6:3:2-8:6:2-5:6:2-6:29:2-8:11:2-9:5:2-6:5:2-4:15:2-5:5:2-4:8:2-5:3:2-8:6:2-6:6:2-5:20:2-5:5:2-5:5:2-6:5:2-5:5:2-4:6:2-2:5:2-1:6:2-4:5:2-6:16:2-5:5:2-4:5:2-2:5:2-1:6:2-4:6:2-6:24:2-1:22:2-2:10:2-4:3:2-1:3:2-2:3:2-4:4:2" target="_blank">甜蜜蜜</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-1:3-5:4-5:3-6:4-6:3-5:4-4:8-4:4-3:4-3:3-2:4-2:4-1:4-5:7-5:5-4:4-4:4-3:4-3:3-2:4-5:7-5:5-4:4-4:4-3:4-3:4-2:4-1:6-1:4-5:3-5:4-6:5-6:5-5:4-4:12-4:4-3:4-3:4-2:4-2:4-1:4" target="_blank">小星星</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-8:3-5:4-4:4-3:4-2:4-1:5-1:8-1:4-2:4-3:4-3:4-1:5-3:3-4:4-5:4-5:16-8:6-5:4-4:5-3:4-5:4-2:3-4:9-3:5-2:3-6:4-5:4-2:8-3:4-1:4-5:13-3:10-6:4-8:7-7:7-6:7-7:3-5:4-9:13-9:3-9:3-8:4-7:4-6:7-7:4-5:4-5:14-3:10-6:4-8:7-7:7-6:3-7:4-8:4-9:4-5:13-6:5-7:3-8:4-9:4-5:8-8:7-8:4-8:3" target="_blank">我爱北京天安门</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-5:5-6:5-5:5-1:5-3:3-4:6-2:3-5:7-5:6-6:5-5:6-1:5-1:3-2:6-3:3-5:8-5:6-6:5-5:6-1:6-3:3-5:12-4:5-3:3-1:7-2:5" target="_blank">明明就</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0:2-5:9:2-6:8:2-8:3:2-9:8:2-6:3:2-8:3:2-5:4:2-5:6:2-8:8:2-6:3:2-5:3:2-3:3:2-5:3:2-2:3:2-2:13:2-2:5:2-3:3:2-7:3:2-6:6:2-5:6:2-6:9:2-8:3:2-9:6:2-3:6:2-8:6:2-6:6:2-5:3:2-6:3:2-8:3:2-5:4:2" target="_blank">梁祝</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-2:4-1:4-2:3-3:4-3:3-3:4-2:7-2:3-2:4-3:7-3:3-3:4-3:7-2:3-1:4-2:9-3:5-3:4-3:4-1:5-2:11-2:4-3:4-2:4-1:4" target="_blank">玛丽有只小羊羔</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:9-3:8-2:4-1:3-1:4-1:6-1:7-1:3-2:4-2:6-2:3-2:4-1:7-3:6-1:12-2:6-1:4-3:3-5:11-2:8-2:4-1:3-1:3-1:6-1:6-1:3-2:3-2:6-2:3-2:4-1:7-1:7-3:24-3:10-3:7-2:4-1:3-1:3-1:6-1:6-1:3-2:3-2:6-2:3-2:4-1:6-3:6-1:13-2:6-1:3-3:4-5:11-3:9-6:4-5:4-2:6-1:6-1:5-1:3-2:2-2:6-2:3-2:3-1:6-1:6" target="_blank">不得不爱</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-2:5-3:5-5:8-5:7-5:9-6:16-5:5-3:12-1:9-2:13-3:6-3:10-2:12-1:10-2:9-1:22-2:6-3:4-5:10-5:11-6:15-5:6-3:10-1:9-2:16-3:7-3:11-2:10-2:10-1:11-4:29-4:15-6:16-6:12-6:11-5:9-5:10-3:12-1:9-2:8-1:24-2:5-3:6-5:9-5:8-5:8-6:16-5:6-3:11-1:10-2:15-3:6-3:11-2:11-2:10-1:10" target="_blank">噢，苏珊娜</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-3:3:2-5:3:2-3:3:2-5:4:2-3:3:2-1:4:2-2:6:2-4:3:2-3:3:2-2:3:2-5:4:2-5:13:2-3:3:2-5:3:2-3:3:2-5:3:2-3:3:2-1:3:2-2:5:2-4:3:2-3:3:2-2:4:2-1:3:2-2:11:2-2:4:2-4:3:2-4:3:2-3:3:2-1:3:2-5:3:2-2:7:2-4:3:2-3:3:2-2:4:2-5:3:2-5:12:2-3:3:2-5:3:2-3:4:2-5:3:2-3:3:2-1:3:2-2:6:2-4:3:2-3:3:2-2:3:2-1:3:2" target="_blank">我是一个粉刷匠</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-5:13-9:7-8:20-5:14-4:8-3:21-3:14-3:6-4:6-5:6-6:7-5:18-3:20-5:11-9:8-8:20-5:13-4:7-3:20-5:13-5:6-6:7-7:7-8:7-8:18-9:19-5:12-5:3-7:4-6:6-5:6-3:7-5:13-8:12-6:19-8:12-9:5-8:13-7:4-5:19-3:21-5:13-9:6-8:19-5:12-4:7-3:20-5:13-5:6-6:6-7:6-8:6-8:18" target="_blank">雪绒花</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:10-2:5-3:5-3:19-5:6-3:7-2:7-3:5-1:24-1:11-2:5-3:6-5:5-3:6-2:13-2:12-1:6-2:6" target="_blank">菊花台</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=2:0-3:6-4:7-6:7-5:7-4:6-3:7-4:6-3:10-2:3-2:17-2:6-3:10-4:3-4:6-4:6-5:6-8:8-9:11-6:4-6:13-8:4-9:4-8:16-5:6-8:6-6:6-7:9-6:4-5:3-4:3-4:16-5:7-6:6-5:7-4:6-3:6-3:7-1:6-3:6-2:6-2:20-3:6-4:7-6:7-5:6-4:6-3:6-4:7-3:11-2:4-2:19-2:6-3:8-4:6-4:7-4:6-5:6-8:6-9:10-6:3-6:12-8:4-9:4-8:16-5:6-8:6-6:7-7:10-6:4-5:3-4:5-4:18-5:6-6:6-5:7-4:6-3:6-3:7-4:6-3:11-2:4" target="_blank">陆贞传奇珍惜</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-1:9:2-2:16:2-3:6:2-5:6:2-5:14:2-8:7:2-7:19:2-6:5:2-5:5:2-6:19:2-6:6:2-6:5:2-5:8:2-5:7:2-5:7:2-1:14:2-2:5:2-3:5:2-2:10:2-1:28:2-1:11:2-2:17:2-3:4:2-5:5:2-1:13:2-8:6:2-9:22:2-8:6:2-5:7:2-3:15:2-2:7:2-2:16:2-6:4:2-5:5:2-2:13:2-3:4:2-1:10:2-2:36:2-2:6:2-2:5:2-1:12:2-2:5:2-1:15:2-2:3:2-3:3:2-3:13:2-2:7:2-3:7:2-2:18:2-2:10:2-2:8:2-2:9:2-1:8:2-2:7:2-5:17:2-6:6:2-5:5:2-5:5:2-5:7:2-3:9:2-3:29:2-5:5:2-5:12:2-5:6:2-5:5:2-3:9:2-5:5:2-3:12:2-8:9:2-8:13:2-8:6:2-8:9:2-3:11:2-6:6:2-6:21:2-6:10:2-6:9:2-5:11:2-6:5:2-6:19:2-8:8:2-6:8:2-9:6:2-9:27:2-5:21:2-3:8:2-2:24:2-3:6:2-3:21:2-8:19:2-7:22:2-6:8:2-6:22:2-9:6:2-5:17:2-9:15:2-8:28:2-9:6:2-6:16:2-8:6:2-9:8:2-9:8:2-9:5:2-9:5:2-9:7:2-9:6:2-8:11:2-9:13:2-3:24:2-9:28:2-9:10:2-9:9:2-9:11:2-8:11:2-9:8:2-3:4:2-9:7:2-3:19:2-3:16:2-2:13:2-3:6:2-3:22:2-1:7:2-7:18:2-6:6:2-5:19:2-6:5:2-8:8:2-8:8:2-8:6:2-2:15:2-3:5:2-2:7:2-8:23:2-7:8:2-8:15:2" target="_blank">感恩的心</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-5:4-6:4-6:5-6:9-6:4-8:8-6:4-5:4-5:4-6:8-5:5-3:8-2:4-1:5-1:4-1:8-1:4-2:8-3:9-3:20-2:4-1:4-1:4-1:8-1:4-8:8-6:4-5:4-5:4-6:10-5:4-3:9-5:4-6:5-8:13-8:4-6:8-5:9" target="_blank">大海</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=4:0-3:4-2:4-1:4-1:4-5:7-4:4-3:4-2:4-1:4-2:4-3:7-3:7-4:4-3:4-2:4-1:5-4:9-3:4-2:4-1:4-2:4-4:9-3:4-2:4-1:5-2:4-4:10-3:4-2:4-1:8-3:4-3:9-4:4-3:4-2:4-1:4-4:9-3:4-2:4-1:6-2:4-5:6-1:5-1:4" target="_blank">六月的雨</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-3:5:2-3:4:2-4:7:2-2:4:2-2:4:2-1:7:2-2:4:2-3:4:2-4:4:2-5:5:2-5:4:2-5:5:2-5:11:2-3:7:2-3:4:2-4:8:2-2:4:2-2:4:2-1:8:2-3:6:2-5:18:2-5:5:2-3:6:2-2:16:2-2:4:2-2:4:2-2:4:2-2:5:2-3:7:2-4:5:2-3:16:2-3:4:2-3:5:2-3:4:2-3:4:2-4:6:2-5:7:2-5:10:2-3:10:2-3:5:2-4:10:2-2:5:2-2:5:2-1:15:2-3:7:2-5:14:2-5:8:2-1:7:2" target="_blank">划船</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-5:4-5:4-5:5-5:6-6:4-5:4-4:5-3:9-6:6-7:5-8:5-7:5-5:5-5:11-5:3-6:4-1:9-1:7-2:6-3:4-5:7-5:14-4:4-5:6-3:5-1:8-2:4-5:18-5:5-5:3-5:6-5:6-6:5-5:4-4:5-3:9-6:6-7:5-8:5-7:5-5:6-5:11-5:3-6:4-1:11-1:6-2:5-3:4-5:6-5:15-4:4-3:10-2:5-1:6-1:6" target="_blank">老男孩</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-5:5-6:4-6:4-7:4-7:4-1:5-3:5-2:11-3:5-6:5-2:4-2:11-3:5-6:5-5:6-5:11-5:5-6:4-6:5-7:5-7:5-1:4-3:4-2:11-3:5-6:4-2:4-2:9-3:5-6:4-3:5-2:8-4:9-4:4-3:5-4:4-5:5-3:4-5:4-4:10-4:4-3:5-4:4-5:4-3:4-2:4-1:8-2:8-1:8-3:4-7:4-6:9-5:8-6:4-5:4-3:5-2:4-3:4-1:9-3:4-7:5-6:4-5:8-6:4-7:4-6:4-7:4-8:4-1:9-3:5-7:4-6:4-5:8-6:4-7:4-6:4-7:4-8:4-9:15-7:11-6:6-4:11-5:5-3:5-4:4-4:10-5:4-3:4-2:4" target="_blank">月光</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-2:7-3:6-1:7-1:7-2:7-3:6-1:6-3:7-4:6-5:7-3:12-4:6-5:6-3:11-5:6-4:4-3:5-2:4-1:8-3:8-5:5-4:5-3:4-2:5-1:7-3:7-1:8-3:6-3:11-1:7-3:7" target="_blank">两只老虎</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-3:9-5:5-8:4-6:18-8:9-5:8-5:24-1:9-2:4-3:5-2:9-1:5-2:5-5:16-5:18-3:9-5:5-8:5-7:12-6:5-8:10-5:10-5:19-2:9-3:5-4:5-1:15-1:5" target="_blank">毕业歌</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-8:5-6:1-5:5-5:5-3:4-5:1-6:4-8:1-5:4-5:5-6:5-5:4-3:1-2:4-2:5-3:5-5:4-3:1-2:4-3:1-1:6-6:6-5:3-6:3-5:3-3:3-6:4-5:4-5:7-5:3-3:4-2:3-1:4-1:8-1:3-3:3-2:4-1:4" target="_blank">小兔子乖乖</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-8:8-6:8-8:4-5:4-3:9-5:4-2:5-3:4-5:5-3:15-5:4-6:5-8:5-5:5-6:5-5:5-3:8-5:4-1:8-3:6-2:7-3:18-2:4-1:6-2:6-3:5-6:18-5:4-3:5-5:4-6:4-5:14-8:4-8:4-6:5-5:5-6:4-3:5-5:8-2:7-3:6-2:7-1:7" target="_blank">一分钱</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=4:0-4:3-5:3-5:3-6:4-6:3-5:4-4:7-4:3-3:3-3:3-2:4-2:3-1:4-5:7-5:3-4:4-4:2-3:5-3:2-2:5-5:7-5:2-4:4-4:2-3:5-3:2-2:4" target="_blank">一闪一闪亮晶晶</a></li>
<li><span class="split">•</span><a href="http:/www.xuanfengge.com/?music=1:0-1:4-1:3-2:4-3:4-3:4-2:4-3:4-1:9-8:13-6:4-5:4-5:4-6:8-3:4-3:4-3:4-6:4-5:9-5:15-6:9-8:4-6:8-3:8-1:4-2:4-2:8-2:16-2:4-2:4-3:4-5:4-5:4-1:4-3:8-1:17-1:4-1:4-2:4-3:4-3:3-2:4-3:4-1:8-8:12-6:4-5:4-5:4-6:8-3:4-3:4-3:4-6:4-5:9-5:17-6:10-8:4-6:7-3:7-1:4-2:4-2:8-2:14-2:4-2:4-3:4-5:3-5:3-1:4-3:7-5:19-6:4-5:9-6:4-3:13-6:8-5:3-5:4-8:12-8:3-6:3-5:4-3:4-2:7-3:8-2:13-3:4-2:7-3:4-3:4-6:12-5:8-6:4-5:4-5:14-6:4-8:4-8:4-8:4-8:4-8:4-6:4-5:7-6:13-8:4-3:9-6:6-5:4-6:13-8:4-3:7-6:3-5:5-6:14-8:3-6:4-5:4-3:5-2:8-3:8-2:14-3:4-1:8-3:4-2:4-2:12-6:4-1:7-3:4-2:4-2:13-2:4-2:4-3:4-5:4-6:7-5:7-6:26-2:3-2:4-2:4-3:4-6:5-5:11-6:8-8:9" target="_blank">得意的笑</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-2:10-3:5-1:12-1:2-3:5-1:9-3:8-2:16-3:13-4:5-4:5-3:13-2:7-4:8-3:31-4:12-5:5-3:12-5:8-4:12-3:0-3:7-5:8-4:18-4:5-5:10-6:7-6:6-6:5-5:5-4:14-6:14-5:27-1:11-2:4-3:4-3:3-4:15-5:4-6:6-6:20-2:13-3:7-4:5-5:10-6:6-7:4-7:17-3:12-3:5-4:0-5:6-6:5-7:4-8:4-8:57-7:24-7:15-7:5-6:5-6:6-4:20-7:21-4:20-7:15-5:8-8:24-8:10-1:30-2:5-3:4-4:6-5:6-6:8-7:6-8:7-7:12-8:4-5:13-8:12-8:3" target="_blank">Do Re Mi</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-5:4-6:4-8:8-7:7-5:13-3:5-1:13-1:4-6:11-6:4-5:4-3:4-2:4-3:5-3:23-5:4-6:5-8:9-7:8-3:15-8:5-3:15-2:5-6:14-6:4-5:4-3:5-2:4-1:5-3:20-5:4-6:4-8:9-7:8-3:16-8:5-3:13-2:4-6:14-6:4-5:4-3:5-2:5-1:6-3:24-2:7-1:13-1:4-3:19-2:8-5:12-3:8-6:20-5:7-3:8-2:4-3:5-2:6-1:8-3:15-2:8-1:4-2:4-1:14-1:4" target="_blank">时间煮雨</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-8:7-8:9-8:4-8:5-9:13-7:4-6:4-5:4-2:5-2:5-3:4-3:3-4:11-4:4-5:5-6:7-2:8-2:6-3:5-4:5-6:12-6:3-7:4-6:4-7:4-3:18-8:4-8:8-8:3-8:4-9:13-7:3-6:4-5:5-2:6-2:5-3:5-3:3-4:12-4:4-5:5-6:4-8:5-7:6-6:7-8:37-3:7-4:6-3:13-3:4-7:4-7:4-3:4-7:4-8:4-8:4-6:12-6:8-5:4-4:5-4:11-2:4-4:4-9:10-8:4-8:4-7:4-7:4-8:11-3:7-4:6-3:12-3:4-7:4-7:4-3:4-7:4-8:4-8:4" target="_blank">死了都要爱</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-6:4-8:4-8:4-3:4-6:4-8:5-7:10-7:4-6:5-5:4-3:4-2:10-2:4-2:4-6:7-2:4-3:4-5:4-3:12-7:4-7:4-5:4-3:5-3:16-6:4-8:4-8:4-3:4-6:4-8:4-9:13-8:4-9:4-9:13-8:4-9:4-9:4-8:4-7:4-5:11-3:6-5:4-6:4-6:5" target="_blank">爱情买卖</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=4:0:2-6:6:2-8:2:2-8:4:2-9:4:2-8:8:2-6:8:2-4:6:2-8:3:2-8:3:2-8:3:2-6:3:2-4:9:2-1:9:2-1:3:2-1:3:2-1:3:2-1:3:2-1:3:2-4:3:2-1:11:2-4:4:2-4:10:2-4:4:2-4:6:2-1:3:2-2:4:2-3:2:2-4:3:2-4:8:2-6:12:2-4:4:2-6:4:2-8:5:2-8:7:2-6:7:2-6:5:2-4:3:2-6:5:2-8:3:2-6:5:2-5:3:2-5:7:2-9:13:2-8:7:2-5:7:2-6:7:2-8:9:2-6:4:2-8:7:2-6:4:2-5:4:2-6:3:2-4:3:2-6:7:2-1:14:2-2:6:2-4:2:2-4:4:2-6:4:2-6:6:2-8:2:2-8:4:2-5:4:2-5:4:2-5:3:2-3:3:2-2:4:2-5:5:2-1:11:2-4:4:2-4:10:2-6:4:2-6:10:2-8:4:2-4:14:2-6:6:2-8:3:2-8:4:2-9:4:2-8:8:2-6:8:2-4:7:2-8:3:2-8:3:2-8:3:2-6:3:2-4:7:2-1:8:2-4:8:2-6:8:2-4:6:2-8:3:2-8:3:2-8:3:2-6:3:2-4:7:2-1:8:2-4:8:2-1:9:2-4:8:2-1:9:2-4:7:2-4:8:2" target="_blank">中华人民共和国国歌</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=6:0-8:4-9:4-8:4-9:2-6:5-5:4-8:15-6:3-8:2-5:6-4:4-6:15-5:4-6:3-2:6-5:5-4:3-5:3-8:6-6:3-6:21-8:4-9:4-8:3-9:2-6:6-5:5-8:17-6:3-8:3-5:5-4:4-2:8-4:6-6:6-5:3-6:3-2:12-5:7-4:4-5:4-3:11-2:4" target="_blank">天使的翅膀</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=8:0-8:4-8:4-5:6-6:4-8:9-8:4-8:4-8:5-9:6-9:5-9:4-9:5-8:5-7:5-6:7-7:9-7:5-7:5-7:4-7:5-8:6-9:4-5:10-7:7-7:4-8:4-9:6-8:9-7:6-8:5" target="_blank">同桌的你</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=4:0-5:5-6:6-6:10-5:5-6:5-8:10-5:9-1:26-4:9-4:9-3:5-4:5-6:10-3:10-1:24-2:10-2:9-1:5-2:5-4:10-1:11-4:25-5:6-3:5-3:9-2:5-3:5-4:9-3:10-4:28-5:5-6:5-6:9-5:5-6:5-8:9-5:9-1:27-4:9-4:9-3:5-4:5-6:9-3:10-1:26-2:9-3:4-4:5-3:8-4:5-5:5-4:8-1:12-1:5-7:15-6:9-5:8-4:8-6:8-6:21-9:9-9:11-8:4-8:7-6:7-5:4-4:4-4:14-5:8-5:4-4:8-5:5-8:8-6:8-6:23-9:9-9:11-8:4-8:6-8:4-6:4-5:4-4:4-4:15-5:8-4:11-5:5-3:9-2:9" target="_blank">天空之城</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-2:3-3:4-3:4-4:4-4:8-3:4-4:4-5:4-4:4-3:5-4:4-4:9-3:4-4:4-5:4-4:4-3:5-4:4-4:11-6:4-4:5-3:5-4:5-5:5-3:5-1:22-2:4-3:4-3:5-4:4-4:8-3:4-4:4-5:4-4:4-3:4-4:5-4:12-3:6-4:4-5:4-4:5-6:4-4:5-4:10-6:4-4:5-3:4-4:5-5:5-3:5" target="_blank">客官不可以</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-1:4-3:3-1:7-1:3-3:4-6:7-6:3-6:3-5:1-6:4-5:4-1:3-3:6-8:8-6:2-6:3-5:1-6:3-5:6-1:3-2:6-7:7-7:9-5:1-3:4-5:5-8:10-8:3-6:3-6:2-5:3-5:3-6:3-6:3-5:5-1:5-3:3-8:8-8:3-6:3-6:2-5:3-5:2-6:3-6:3-5:5-1:5-2:3-3:9-3:8-1:1-2:6-3:8-5:3-6:4-3:6-5:3-6:5-8:11-7:8-5:3-6:6" target="_blank">葫芦娃</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-8:2-7:3-5:5-5:3-6:5-5:4-5:7-8:3-7:4-5:5-6:3-3:4-6:4-6:7-6:3-6:3-5:4-3:3-3:4-4:5-4:8-4:3-4:3-5:4-6:4-3:3-2:4-2:3" target="_blank">征服</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:9-4:3-3:7-2:7-2:11-5:4-2:7-1:7-1:11-6:3-5:7-3:8-4:11-3:2-2:2-3:15-3:10-4:4-5:7-3:4-5:4-5:11-9:4-7:7-8:8-8:14-7:4-6:4-7:4-8:4-7:11-8:4" target="_blank">小酒窝</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=3:0-3:6-4:6-5:7-5:6-4:6-3:6-2:6-1:6-1:6-2:5-3:6-3:6-2:10-2:3-3:13-3:6-4:6-5:6-5:6-4:6-3:6-2:6-1:6-1:6-2:6-3:6-2:8-1:10-1:3-2:12-2:7-3:6-1:6-2:6-3:6-4:3-3:3-1:6-2:6-3:6-4:3-3:3-2:6-1:6-2:6-1:6-4:7-3:11-3:11-4:6-5:6-5:6-4:6-3:6-2:6-1:6-1:5-2:6-3:5-2:8-1:11-1:3" target="_blank">欢乐颂</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-5:5-6:4-6:4-7:4-7:4-1:5-3:5-2:11-3:5-6:5-2:4-2:11-3:5-6:5-5:6-5:11-5:5-6:4-6:5-7:5-7:5-1:4-3:4-2:11-3:5-6:4-2:4-2:9-3:5-6:4-3:5-2:8-4:9-4:4-3:5-4:4-5:5-3:4-5:4-4:10-4:4-3:5-4:4-5:4-3:4-2:4-1:8-2:8-1:8-3:4-7:4-6:9-5:8-6:4-5:4-3:5-2:4-3:4-1:9-3:4-7:5-6:4-5:8-6:4-7:4-6:4-7:4-8:4-1:9-3:5-7:4-6:4-5:8-6:4-7:4-6:4-7:4-8:4-9:15-7:11-6:6-4:11-5:5-3:5-4:4-4:10-5:4-3:4-2:4" target="_blank">月光</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-4:6-5:7-4:7-5:3-6:3-4:7-1:7-4:10-2:7-8:7-6:7-4:7-5:7-8:19-6:6-5:7-4:7-5:3-6:4-4:7-2:7-4:7-1:7-6:7-5:8-1:7-4:7-8:18-8:5-6:6-4:6-5:7-6:3-4:4-8:13-8:6-6:6-4:6-5:6-6:3-1:4-4:11-1:7-4:6-5:6-6:3-5:3-4:7-2:7-4:7-5:8-6:7-5:7-1:6-4:7-1:15-4:6-5:6-4:7-5:4-6:4-4:8-1:7-4:13-8:7-6:7-4:6-5:7-8:16-6:6-5:7-4:6-2:7-5:13-4:6-2:7-4:3-5:3-6:3-5:4-2:7-4:6" target="_blank">清新小曲</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=5:0-5:8-5:9-5:10-6:10-7:10-6:9-5:10-3:9-3:9-3:10-2:10-2:10-5:19-5:10-5:12-3:10-2:10-2:12-1:11-2:9-1:10-2:10-3:10-3:12" target="_blank">东风破</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-2:4-3:4-4:4-5:4-6:3-7:4-8:4-9:5-5:26-5:10-5:10-6:9-5:12-3:12-3:9-2:11-3:10-1:12-3:10-8:11-8:10-6:23-8:13-6:15-5:17-8:11-8:10-6:9-8:10-6:9-5:10-5:12-6:11-5:11-1:17-3:11-5:16-5:10-6:12-5:16-3:14-2:12-5:19-5:9-5:8-6:8-5:9-3:9-3:8-2:12-3:13-1:11-3:10-8:16-8:10-6:13-8:13-6:8-5:9-8:8-8:10-6:12-8:13-6:11-5:13-5:17-6:9-5:10-3:13-5:10-8:11-8:9-8:10-6:11-7:13-8:9-9:11" target="_blank">光阴的故事</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=6:0-6:7-5:2-3:3-2:4-1:4-3:10-2:6-1:2-6:4-5:5-5:13-6:6-5:2-6:4-1:4-2:6-3:3-5:4-6:4-5:5-3:2-2:2-1:3-2:4-6:15-5:6-3:3-2:3-1:3-1:4-3:10-5:6-3:2-2:2-1:3-6:2-5:3-5:11-6:7-5:3-6:4-1:5-2:6-3:3-5:4-6:4-5:3-6:2-5:2-3:3-2:2-1:3-2:3-6:16-5:4-6:3-3:3-2:2-1:3-3:10-2:5-1:2-6:3-5:4-5:17-6:6-5:2-6:4-1:4-2:5-3:3-5:3-6:4-5:4-6:2-5:2-3:2-2:2-1:2-2:3" target="_blank">沧海一声笑</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-1:6-2:4-3:4-3:10-5:12-6:8-7:8-6:4-5:6-3:6-1:16-1:6-2:6-3:8-2:9-2:14-1:7-3:9-5:7-5:6-6:8-5:8-3:20-3:5-4:4-5:5-5:10-3:7-7:6-6:8-7:12-8:6-7:8-6:7-6:15-6:5-5:4-5:4-3:7-2:5-1:6-2:4-3:5-2:5-1:14-2:5-3:4-2:4-1:5-1:14-1:5-2:4-3:5-3:9-5:5-6:6-7:9-6:4-5:10-3:8-1:17-1:5-2:4-3:6-2:11-1:6-3:9-5:8-5:10-6:5-5:6-3:17-3:5-4:6-5:6-5:12-3:6-7:6-6:11-7:6-8:5-7:5-6:5-6:16-6:4-5:4-5:5-3:5-2:5-1:5-2:5-3:4-2:4-1:6-3:9-2:5-1:7" target="_blank">逍遥叹</a></li>
<li><span class="split">•</span><a href="http://www.xuanfengge.com/?music=1:0-2:6-3:6-4:6-5:6-5:6-5:6-4:3-3:3-4:6-4:6-4:6-3:3-2:3-1:6-3:6-5:6-1:12-2:6-3:6-4:6-5:6-5:6-5:6-4:3-3:3-4:6-4:6-4:6-3:3-2:4-1:6-3:6-1:7-6:13-6:7-6:6-5:3-4:3-5:6-5:6-5:6-4:3-3:3-4:5-4:6-4:6-3:3-2:3-1:6-3:6-5:6-6:12-6:6-6:6-5:4-4:3-5:6-5:6-5:6-4:3-3:3-4:6-4:6-4:6-3:3-2:3-1:6-3:6-1:6" target="_blank">洋娃娃与小熊跳舞</a></li>
</ul>
<h3>看谱弹琴：让每一个人都能弹奏出美妙的音乐!</h3>
<ul>
<li>（1）划过钢琴右侧的小三角，展开菜单，点击“看谱弹琴”</li>
<li>（2）选择想弹奏的曲目</li>
<li>（3）边看谱，边弹奏，你还可以点下面的“开始录制”，把你弹奏的曲子录下来。 </li>
</ul>
<h3>录制曲谱：不管你是钢琴高手，还是五音不全，你都可以录制下自己的音乐，并分享给自己的好友，共同传递梦想。</h3>
<ul>
<li>（1）划过钢琴右侧的小三角，展开菜单，点击“录制曲谱”</li>
<li>（2）点击开始录制</li>
<li>（3）用鼠标或键盘开始弹奏，弹奏完成后，点击完成录制</li>
<li>（4）录制完成后，马上试听，听听效果如何</li>
<li>（5）分享你的作品，你可以复制链接，发给你的好友、QQ群、论坛等，还可以分享给微博好友、QQ空间、人人网等；</li>
</ul>
<h3>我的曲谱：不是弹完了就完了，无需登录点击即可保存，还不赶快试试</h3>
<ul>
<li>（1）在点击“完成录制”后，出现“本地保存”按钮，点击输入歌曲名并保存即可</li>
<li>（2）划过钢琴右侧的小三角，展开菜单，点击“我的曲谱”，即可看到刚才已保存的曲子</li>
<li>（3）点击歌曲，即可查看对应的曲谱，此时可以试听、删除曲谱、对着曲谱录制、分享给好友</li>
<li>（4）小tip：因为是本地存储，所以在清除浏览器的应用数据之后就看不到保存的数据了，所以删除之前请先备份</li>
</ul>
<h3>关于应用：总有点那么小故事</h3>
<ul>
<li>（1）本应用的创意和素材来自360，并添加了许多新功能</li>
<li>（2）主要功能代码是博主开发编写的，近1300行js代码，后期优化完毕可以放至github</li>
<li>（3）大家有什么好的想法和功能的更新请留言，目前有一个功能是曲谱高度过高需要翻页的问题，可以开发但是看大家有没有这个需求了</li>
<li>（4）希望有音乐细胞的各位发挥才能，留言分享好的曲谱，我会陆续更新曲谱哟</li>
</ul>
<h3>弹奏攻略：轩枫阁首页的“菜单钢琴”怎么弹？</h3>
<ul>
<li>（1）鼠标划过弹奏：从第一个“首页”到“关于&留言”，分别对应着do、re、mi、fa、so、la、si、高音do，高音re；</li>
<li>（2）键盘A，S, D, F, G, H, J, K, L：分别对应着do、re、mi、fa、so、la、si、高音do，高音re；</li>
<li>（3）键盘1-9：分别对应着do、re、mi、fa、so、la、si、高音do，高音re；</li>
<li>（4）在录制想要保存的曲目过程中，歌词断句的地方请轻敲空格，使得保存后预览的曲谱更加美观易懂</li>
<li>（5）为了达到最佳效果，请使用chrome弹奏，目前IE9不明原因抽风了，IE9和FF在单键短时输入时音效不好，后期会改进</li>
</ul>
<h3>你录制了哪首歌曲呢？以 歌曲名+录制链接形式 留言，分享你的音乐，传递你的梦想！</h3>
<br>
<br>
<!-- about_content -->
</div>
<footer id="footer">
<div class="foot_gradient"></div>
<div id="foot"><span>版权所有 © 2013 <a href="http://www.xuanfengge.com/" title="轩枫阁">轩枫阁</a>
</footer>
<!-- #footer -->
</div>
<!-- #container -->
</body>
</html>
<script>
$(function(){
$(".song_list li a").each(function(i){
var title = $(this).text();
$(this).attr("title", title);
})
})
</script>