JQ+JS实现
,如果只是想玩一玩flash键盘钢琴的也可以下载,直接打开music.html文件就可以
,刚开始页面加载需要等待几秒钟,需要动态生成大量的元素。![大笑](https://static-blog.csdn.net/xheditor/xheditor_emot/default/laugh.gif)
还有几个功能没有实现![偷笑](https://static-blog.csdn.net/xheditor/xheditor_emot/default/titter.gif)
积分资源下载:点击打开链接
回车键可以重新开始,上下方向键可以切换歌曲,左右方向键可以预听键盘的声音
页面加载完成如下:
![](https://i-blog.csdnimg.cn/blog_migrate/3e89266b8f9eaef23b1a24981d8e0de1.png)
键盘钢琴操作展示如下:
![](https://i-blog.csdnimg.cn/blog_migrate/6f59a50324767af1619183cf956a2e95.png)
添加歌曲如下:(也可以把歌曲添加到源代码中,这样就不用每次都添加了,在music.html源代码中添加即可)
![](https://i-blog.csdnimg.cn/blog_migrate/12b697ba7e7af180bfeefaf776eb1192.png)
添加歌曲调试:可以试一下前后空格或者点击空格
![](https://i-blog.csdnimg.cn/blog_migrate/a9afe739f654920d4cb7a4137b62bd92.png)
歌曲添加成功:如果要保存到源代码中,只需要调试完毕后参考源代码再添加即可
![](https://i-blog.csdnimg.cn/blog_migrate/918abe8a12074216f12b281a061e8628.png)
资源下载:点击打开链接