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

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

Javascript: 图片展示效果鼠标经过变大图，支持FF; 可拖动可改变大小div的实现代码; javascript 随机广告代码(图片广告); JS+Ajax+Jquery实现页面无刷新分页以及分组超强的实现; JQuery 浮动导航栏实现代码; jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、Chrome、Opera; js 分栏效果实现代码; 基于jQuery的ajax功能实现web service的json转化; IE 条件注释详解总结（附实例代码）; 用cssText批量修改样式; JavaScript 应用技巧集合[推荐]; jquery 导航设计实现代码学习jquery的朋友可以看下; 动态样式类封装JS代码; 一步一步教你写一个jQuery的插件教程(Plugin); 使用jQuery的ajax功能实现的RSS Reader 代码; jquery tools 系列 scrollable（2）; jquery tools系列 overlay 学习; jquery tools系列 expose 学习; javascript十个最常用的自定义函数(中文版); javascript 流畅动画实现原理

No. « ‹ 225 226 227 228 › »

技术文章搜索

关键字

Javascript 中的 javascript 扫雷游戏

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

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