巧妙青蛙过河Javascript游戏代码

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <!--[if IE]>
 <script type="text/javascript" src="http://code.taobao.org/svn/gpms/trunk/gpms/web/resource/js/json2.js"></script>
 <![endif]-->
 <title>青蛙公主</title>
 <style>
 #pool {}
 .lotus_leaf {width: 30px; height: 30px; margin: 2px; float:left; background-color:#dddddd;font-size:24px;line-height:30px;text-align:center;}
 .on { background-color:#99cc66;cursor:pointer;}
.off { background-color:#cccc99;cursor:default;}
 .clear {clear:both;}
 </style>
</head>
<body>
 <div>
   <h3>青蛙公主游戏玩法</h3>
    <p>绿色为荷叶,带箭头的为青蛙。操作方法:鼠标点击操作,单击荷叶跳,背对着荷叶是不能跳的,只能走直线跳,并且中间不能隔着荷叶,要全把荷叶跳了才可以过关。</p>
    <p>祝您好运!</p>
 </div>
 <div id="pool">
   <div class="lotus_leaf" id="leaf_1_1"></div>
    <div class="lotus_leaf" id="leaf_1_2"></div>
   <div class="lotus_leaf" id="leaf_1_3"></div>
    <div class="lotus_leaf" id="leaf_1_4"></div>
    <div class="lotus_leaf" id="leaf_1_5"></div>
    <div class="lotus_leaf" id="leaf_1_6"></div>
  
    <div class="lotus_leaf" id="leaf_2_1"></div>
    <div class="lotus_leaf" id="leaf_2_2"></div>
   <div class="lotus_leaf" id="leaf_2_3"></div>
    <div class="lotus_leaf" id="leaf_2_4"></div>
    <div class="lotus_leaf" id="leaf_2_5"></div>
    <div class="lotus_leaf" id="leaf_2_6"></div>
  
    <div class="lotus_leaf" id="leaf_3_1"></div>
    <div class="lotus_leaf" id="leaf_3_2"></div>
    <div class="lotus_leaf" id="leaf_3_3"></div>
    <div class="lotus_leaf" id="leaf_3_4"></div>
    <div class="lotus_leaf" id="leaf_3_5"></div>
    <div class="lotus_leaf" id="leaf_3_6"></div>
  
    <div class="lotus_leaf" id="leaf_4_1"></div>
    <div class="lotus_leaf" id="leaf_4_2"></div>
    <div class="lotus_leaf" id="leaf_4_3"></div>
    <div class="lotus_leaf" id="leaf_4_4"></div>
    <div class="lotus_leaf" id="leaf_4_5"></div>
    <div class="lotus_leaf" id="leaf_4_6"></div>
 </div>
 <div class="clear"></div>
 <div id="levels">
    <p>
        <a href="javascript:void(0);" οnclick="javascript:loadMap([[[3,5],[3,4],[3,3],[2,3],[1,3],[1,4]],[3,5]]);">第1关</a>
        <a href="javascript:void(0);" οnclick="javascript:loadMap([[[1,1],[2,1],[3,1],[4,1],[1,2],[2,2],[3,2],[4,2],[1,3],[2,3],[3,3],[1,4],[2,4],[3,4],[4,4],[1,5],[2,5],[3,5],[4,5]],[1,1]]);">第2关</a>
        <a href="javascript:void(0);" οnclick="javascript:loadMap([[[1,1],[2,1],[3,1],[4,1],[4,2],[4,3],[4,4],[4,5]],[1,1]]);">第3关</a>
        <a href="javascript:void(0);" οnclick="javascript:loadMap([[[1,1],[1,2],[1,4],[1,5],[1,6],[2,1],[2,2],[2,3],[2,4],[2,6],[3,1],[3,3],[3,4],[3,6],[4,1],[4,3],[4,4],[4,5],[4,6]],[4,1]]);">第4关</a>
        <a href="javascript:void(0);" οnclick="javascript:mapEditorMode();return false;">地图编辑器</a>
    </p>
</div>
  
 <div class="clear"></div>
 <div>
    <textarea rows="5" cols="30" id="mapEditorResult" ></textarea>
    <input type="button" value="试玩" οnclick="return mapEditorPreview();"/>
 </div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hay_lee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值