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

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

Javascript: Javascript实例教程(17) 使用Javascript的数学函数; JavaScript 小技巧(第六集); Javascript实例教程(16) 日期函数; javascript中如何实现浏览器上的右键菜单; Javascript实例教程(21) OLE Automation(7); JavaScript 小技巧(第二集); Javascript设计网页中的下拉菜单; 用JavaScript使链接按钮不断变化; 如何制作浮动广告; JavaScript[对象.属性]集锦之一; 将金额小写转化成汉字大写的实现过程; Javascript制作浮动的工具条; JavaScript[对象.属性]集锦之二; JavaScript 小技巧(第五集); JavaScript 小技巧(第七集); 完美解决一个事件激活多个函数; JavaScript入门学习之一; 在客户端把表格行变成列，列变成行并保持TD的属性不丢失; 用 Javascript 实现的“Dual listbox”(双向选择器); 我与Javascript 随笔（一）（献给所有爱好Javascript的朋友）

No. « ‹ 11 12 13 14 › »

技术文章搜索

关键字

Javascript 中的 javascript 扫雷游戏

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

收藏到网摘: 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