码迷,mamicode.com
首页 > 其他好文 > 详细

休闲迷宫

时间:2020-06-30 10:36:30      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:inline   mon   doc   wps   css   splay   body   func   function   

休闲迷宫效果图(Ps:copy美团)

技术图片

 休闲迷宫代码

<html lang="en">
<head>
<meta charset="utf-8">
<title>休闲迷宫</title>
<style type="text/css">
span{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #8bc24c;
    background: #fae3d9;
}
</style>
<script>
    top != self && top.host != self.host && (top.location = self.location);
    (function(d) {
        d.className = d.className.replace(/\bno-js/, ‘‘);
    })(document.documentElement);
    var $CONFIG = {
        ‘data‘ : {}
    };
</script>
</head>
<body>
    <div class="maze-game-container" style="text-align: center;">
        <h3 class="maze-game-info">休闲迷宫。</h3>
        <canvas class="maze-content" width="1500" height="800"></canvas>
        <h4 class="maze-game-info" style="margin-top: 0;">
            使用<span>w</span>、<span>a</span>、<span>s</span>、<span>d</span>,或者方向键进行游戏。
        </h4>
    </div>
</body>
<script src="https://awps-assets.meituan.net/mit/blog/v20190629/asset/vendor/zepto.min.js"></script>
<script src="https://awps-assets.meituan.net/mit/blog/v20190629/common.js"></script>
<script src="https://awps-assets.meituan.net/mit/blog/v20190629/errorPage.js"></script>
</html>

休闲迷宫

标签:inline   mon   doc   wps   css   splay   body   func   function   

原文地址:https://www.cnblogs.com/mjtabu/p/13212165.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!