javascript 扫雷游戏- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 扫雷游戏

技术文章搜索

关键字

Javascript 中的 javascript 扫雷游戏

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 372 ::

收藏到网摘: n/a

ExtJS 2.0实用简明教程之获得ExtJS ExtJS 2.2.1的grid控件在ie6中的显示问题

最近心血来潮，用JavaScript实现了Windows自带的扫雷游戏。当前只实现了基本功能，还有一个缺点就是只能在IE上正常运行，估计是事件没有处理好。

点击运行可以看到效果:

<script type="text/javascript"></script>
<style type="text/css"></style><style type="text/css" bogus="1">body {
font-size:14px; font-family: verdana;
}
input {
font-size:12px; padding: 0px; margin: 0px;
}
table {border: 2px solid #6E6560;}
td {
height:19px; width:20px;
font-family: Arial Black;
text-align: center;
padding-top:3px;
font-size: 12px;
cursor:default;
border-left: 2px solid #D5D3D0;
border-top: 2px solid #D5D3D0;
border-right: 2px solid #6E6560;
border-bottom: 2px solid #6E6560;
}
.up {
border-right: 2px solid #F6F3F0;
border-bottom: 2px solid #F6F3F0;
background:#F6F3F0;
}</style>
<html>
<body oncontextmenu="return false" onselectstart="return false">
<div align="center">
<form name="mineform">
Row: <input type="text" name="rownum" size="5" value="15"/>
Column: <input type="text" name="colnum" size="5" value="20"/>
Mine Number: <input type="text" name="minenum" size="5" value="30"/>
<input type="button" value=" Start " name="start" onclick="init()"/>
Elapsed Time: <span id="elapse" style="width:30px;font-family:Arial Black" align="right"></span>
</form>
<div id="workarea"></div>
<div id="message" style="font-family:Arial Black;font-size:16px" style="font-family:Arial Black;font-size:16px"></div>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

ExtJS 2.0实用简明教程之获得ExtJS ExtJS 2.2.1的grid控件在ie6中的显示问题

评论 (0) All