---
layout: false
---
{% raw %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>网页版钢琴 | TRHX'S BLOG</title>
    <link rel="shortcut icon" type="image/x-icon" href="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.4/images/favicon.ico">
    <meta name="description"content="网页版电子钢琴，试试用键盘弹奏一曲？" />
    <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.4/games/piano/piano.js"></script>
    <link href="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.4/games/piano/piano.css" type="text/css" rel="stylesheet">

</head>
<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">
    <div id="all">
        <h1 style="width:100%;text-align:center;">网页版钢琴</h1>
        <!--主要代码-->
        <div id="main">
            <div id="key60" class="key whiteKey">q<br>a<br>z</div>
            <div id="key62" class="key whiteKey"><br>s<br>x</div>
            <div id="key64" class="key whiteKey"><br>d<br>c</div>
            <div id="key65" class="key whiteKey">r<br>f<br>v</div>
            <div id="key67" class="key whiteKey"><br>g<br>b</div>
            <div id="key69" class="key whiteKey"><br>h<br>n</div>
            <div id="key71" class="key whiteKey"><br>j<br>m</div>
            <div id="key72" class="key whiteKey">i<br>k<br>,</div>
            <div id="key61" class="key blackKey">w</div>
            <div id="key63" class="key blackKey">e</div>
            <div id="key66" class="key blackKey">t</div>
            <div id="key68" class="key blackKey">y</div>
            <div id="key70" class="key blackKey">u</div>
        </div>
        <div id="comment">
            <h3>弹奏方法</h3>
            <p>使用鼠标左键点击钢琴键，或者键入钢琴键上输入的键盘字母。</p>
        </div>
    </div>
    <footer id="footer" role="contentinfo" style="top:100px;">
        <address>
            <div class="copyright" style="font-size:13px;">
                Copyright&nbsp;©&nbsp;2018-2019&nbsp;<a href="https://www.itrhx.com/" target="_blank">TRHX'S BLOG</a>&nbsp;|&nbsp;
                <img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.4/images/icp.png" class="footer-icon">&nbsp;
                <a href="http://www.beian.miit.gov.cn/" target="_blank"> 鄂ICP备19003281号-3</a>&nbsp;|&nbsp;
                <img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.4/images/12377.png" alt=" 12377.png">
                <a href="http://www.12377.cn/" target="_blank">中国互联网违法和不良信息举报中心</a><br><br>
                推荐使用1920*1080分辨率、谷歌或者火狐浏览器浏览此页&nbsp;|&nbsp;
                <a href="https://itrhx.com/sitemap.xml" target="_blank">站点地图</a>&nbsp;|&nbsp;
                <script type="text/javascript" src="https://s23.cnzz.com/z_stat.php?id=1275909280&web_id=1275909280"></script>&nbsp;|&nbsp;
                <a href="https://www.itrhx.com/atom.xml" target="_blank">RSS订阅</a>&nbsp;|&nbsp;
                <a href="https://996.icu/" target="_blank">996.ICU</a>&nbsp;|&nbsp;
                <a href="https://www.itrhx.com/friends/" target="_blank">申请友链</a>&nbsp;|&nbsp;
                Powered By <a href="https://hexo.io/" target="_blank">Hexo</a>&nbsp;|&nbsp;
                Hosted By <a href="https://github.com/" target="_blank">GitHub Pages</a><br>
                <p>部分资料来源于网络，版权属于其合法持有人，只供学习交流之用，非商务用途。如有侵犯您的权益，请及时告知删除。互动交流时请遵守理性，宽容，换位思考的原则。</p>
            </div>
        </address>
    </footer>
</body>
<script>
    document.onkeydown=function (e){
            var currKey=0,evt=e||window.event;
            currKey=evt.keyCode||evt.which||evt.charCode;
            if (currKey == 123) {
                window.event.cancelBubble = true;
                window.event.returnValue = false;
            }
        }
</script>
</html>
{% endraw %}