zoukankan      html  css  js  c++  java
  • HTML5小游戏-绵羊快跑


    HTML5小游戏-绵羊快跑

    HTML5仿一款灵敏测试的flash小游戏程序

    下载地址:http://www.huiyi8.com/divcss/
    <?php
    /*
    *Author: Jamin
    *

    */
    if(substr_count($_SERVER['HTTP_ACCEPT_ENCODING'],'gzip')){
        ob_start('ob_gzhandler');
    }
    ?>
    <!DOCTYPE html>
    <html>
    <head>
    <title>绵羊快跑</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
    <script type="text/javascript" src="js/game.js"></script>
    <noscript><iframe scr="*.htm"></iframe></noscript>
    <link rel="stylesheet" type="text/css" media="all" href="css/index.css" />
    </head>
    <body oncontextmenu="return false">
    <div id="container">
          <div id="info">
            <div id="wolf">Wolfs:<span id="wolfCounter">0</span></div>
            <div id="scorer">&nbsp;<!--Score:<span id="scoreCounter">0</span>--></div>
         </div>
         <div id="content">
         <div id="mask"></div>
         <div id="option">
         <div id="result"></div>
             <ul id="menu">
                <li id="start"><span>Start Game</span></li>
                <li id="helpMe"><span >Help</span></li>
            </ul>
            <div id="help">
                <ol>
                    <li>按键:W、S、A、D 分别控制 上、下、左、右。</li>
                    <li>说明:通过控制绵羊向四周跑动,避开狼群的追捕。</li>
                    <li>胜利条件:坚持时间越长,狼群出现的数量越多,得分越高。</li>
                    <li>作者:Jamin</li>
                </ol>
            </div>
         </div>
         <canvas id="map" width="800" height="600">
             你的浏览器不支持HTML5!建议使用IE9+、Chrome、Opera、FireFox、Safari 等浏览器html模版
         </canvas>
         </div>
    </div>
    </body>
    </html>

  • 相关阅读:
    java常用英文解释
    干货——myeclipse快捷键
    上海面试经常遇到的事务安全问题
    2016java技术岗面试题
    Echarts 获取后台数据 使用后台数据展示 柱形图
    JS实现的MAP结构数据
    Spring MVC 返回json数据 报406错误 问题解决方案
    junit 注意事项,切记
    JNDI中 java:comp/env 的理解
    JMS发布/订阅消息传送例子
  • 原文地址:https://www.cnblogs.com/lhrs/p/4157877.html
Copyright © 2011-2022 走看看