基于html5的钢琴弹奏游戏.zip_HTML5web钢琴资源-CSDN文库

共39个文件

ogg：9个

mp3：9个

js：6个

版权申诉

html5

31 浏览量 2024-02-12 09:50:56 上传评论收藏 377KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于html5的钢琴弹奏游戏.zip （39个子文件）

piano-play-master

media

5.mp3 9KB

8.ogg 12KB

6.ogg 12KB

1.ogg 9KB

6.mp3 9KB

8.mp3 9KB

9.ogg 11KB

7.mp3 9KB

4.mp3 8KB

4.ogg 12KB

3.mp3 9KB

2.mp3 8KB

9.mp3 9KB

2.ogg 11KB

5.ogg 12KB

7.ogg 11KB

1.mp3 9KB

3.ogg 12KB

clipboard.swf 2KB

pianoSwfobject.js 10KB

pianoStorage.js 12KB

jquery.json-2.4.min.js 2KB

jquery-1.9.0.js 91KB

pianoShare.js 3KB

piano.js 22KB

css

piano.css 28KB

reset.css 2KB

index.html 32KB

images

success.gif 1KB

copy.png 3KB

gradient.png 2KB

footer.jpg 11KB

about.jpg 41KB

logo.png 11KB

fail.gif 1KB

piano.jpg 8KB

favicon.ico 4KB

icon.png 73KB

share_link.png 8KB

<!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>  <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>  </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> <!-- pian

评论收藏

内容反馈

版权申诉