`
zengguo1988
  • 浏览: 280177 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

用JS写的小游戏

阅读更多

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

<script type="text/javascript">

function createBtn(){

var rows=document.getElementById("rows").value;

var columns=document.getElementById("columns").value;

var content=document.getElementById("content");

mybody = document.getElementsByTagName("body")[0];

var oTable=document.createElement("table");

var oTbody = document.createElement("tbody");

oTable.border="1";

 

oTable.appendChild(oTbody);

content.appendChild(oTable);

 

for(var i=0;i<rows;i++){

var oTr=oTbody.insertRow(i);

for(var j=0;j<columns;j++){

var oTd=oTr.insertCell(j);

oTd.bgColor="#CCCCCC";

oTd.id="tdName";

oTd.width="80px";

oTd.height="80px";

//给td动态添加事件

oTd.attachEvent("onclick",changeTdBgColor(i,j,oTable));

}

}

}

//改变背景色

function changeTdBgColor(i,j,oTable)

{

 return function()

 {

if(i>0){

workChangeTdBgColor(oTable.rows[i-1].cells[j]);

}

if(i<oTable.rows.length-1){

workChangeTdBgColor(oTable.rows[i+1].cells[j]);

}

if(j>0){

workChangeTdBgColor(oTable.rows[i].cells[j-1]);

}

if(j<oTable.rows[i].cells.length-1){

workChangeTdBgColor(oTable.rows[i].cells[j+1]);

}

 }

}

function workChangeTdBgColor(oTd){

if(oTd.bgColor=="#ff0000"){

oTd.bgColor="#CCCCCC"

}else{

oTd.bgColor="red"

}

}

</script>

</HEAD>

 

<BODY>

行:<input type="text" id="rows" name="rows" value="3">

列:<input type="text" id="columns" name="columns" value="3">

<input type="button" value="开始" onclick="createBtn()">

<hr />

<div id="content"></div>

</BODY>

</HTML>

分享到:
评论
3 楼 cqzs19871202 2009-12-29  
2 楼 zengguo1988 2009-06-27  
zhiblin 写道
能做一下说明吗


假如输入行:3,列:3   将会产生一个3行3列的正方形,点击任何一个单元格,它的上下左右单元格的颜色将变成相反色,全部为红色是获胜。
1 楼 zhiblin 2009-06-26  
能做一下说明吗

相关推荐

    JS和HTML和JAVAScript写简单的翻牌游戏小游戏 .html

    JS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML和JAVAScript写简单的翻牌游戏小游戏 .htmlJS和HTML...

    JS和HTML和JAVAScript写的打字小游戏 .html

    JS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 .htmlJS和HTML和JAVAScript写的打字小游戏 ....

    使用js编写的钓鱼小游戏,适合初学者

    这是一个用js写的钓鱼小游戏,类似黄金矿工,适合初学者学习参考 这是一个用js写的钓鱼小游戏,类似黄金矿工,适合初学者学习参考 这是一个用js写的钓鱼小游戏,类似黄金矿工,适合初学者学习参考 这是一个用js写的...

    基于原生JS写的一款网页小游戏

    【标题】:“基于原生JS写的一款网页小游戏” 在网页开发领域,JavaScript(JS)是一种不可或缺的编程语言,尤其在创建交互式用户界面和动态网页内容方面。本项目利用原生JS开发了一款名为“寻找四叶草”的简单网页...

    纯js写的小游戏,打开就可以玩,类似于是男人就坚持20秒

    【描述】"纯javascript写的小游戏,打开浏览器就可以玩,类似于是男人就坚持20秒",这表明游戏设计的核心逻辑是用JavaScript编写的,游戏玩法可能涉及玩家需要在限定时间内完成某种操作或避免某些障碍,类似于经典的...

    JS和HTML和JAVAScript写的弹弹球小游戏.html

    JS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏...

    JavaScript 小游戏代码汇总

    JavaScript 小游戏代码汇总 JavaScript 是一种广泛使用的脚本语言,常用于开发 web 应用程序尤其是游戏开发。以下是 JavaScript 小游戏代码汇总的知识点: 1. HTML 基础:代码开头使用的 `&lt;!DOCTYPE html&gt;` 声明...

    用JavaScript写的扑克小游戏

    这个"用JavaScript写的扑克小游戏"是一个极好的实践项目,可以帮助我们深入理解JavaScript的核心概念以及如何利用它来创建动态交互的Web应用。 首先,让我们来探讨JavaScript在创建游戏中的应用。JavaScript允许...

    原创的一个Js写的小游戏(俄罗斯方块),javascript小游戏

    五年前用Js写的俄罗斯小方块 刚刚修改了下使其支持Firefox和IE,其它浏览器还没有试(也因为当今不入流的浏览器太多啦,没办法). 主体就是用一个Table, 控制其每一个td的class来实现的。 地址:...

    JavaScript跑酷小游戏源代码

    通过分析这个JavaScript跑酷小游戏源代码,我们可以深入理解如何用JavaScript构建一个完整的交互式应用,这对于提升JavaScript编程技能,尤其是游戏开发方面的能力大有裨益。同时,这也为开发者提供了动手实践的机会...

    js写财神爷接元宝小游戏

    **JavaScript实现财神爷接元宝小游戏详解** 财神爷接元宝小游戏是一款利用JavaScript语言开发的简单互动游戏,适合初学者入门学习。在这个游戏中,玩家需要控制财神爷接住不断下落的元宝,以获得分数。游戏的核心...

    HTMLh和JavaScript写的泡泡龙小游戏.zip

    HTMLh和JavaScript写的泡泡龙小游戏.zipHTMLh和JavaScript写的泡泡龙小游戏.zipHTMLh和JavaScript写的泡泡龙小游戏.zipHTMLh和JavaScript写的泡泡龙小游戏.zipHTMLh和JavaScript写的泡泡龙小游戏.zipHTMLh和...

    js写的黄金矿工小游戏

    《JavaScript实现的黄金矿工小游戏详解》 在编程学习的道路上,实践是检验真理的唯一标准,而游戏开发则是极具吸引力的实践项目。本篇将深入解析一款使用JavaScript语言编写的“黄金矿工”小游戏,这是一款非常适合...

    javaScript小游戏

    JavaScript小游戏是一种利用JavaScript编程语言开发的互动娱乐应用。JavaScript,简称JS,是Web开发中不可或缺的一部分,主要用于网页和网络应用的动态化。由于其轻量级、解释型和跨平台的特性,使得JavaScript成为...

    JavaScript写的俄罗斯方块小游戏.zip

    JavaScript写的俄罗斯方块小游戏.zipJavaScript写的俄罗斯方块小游戏.zipJavaScript写的俄罗斯方块小游戏.zipJavaScript写的俄罗斯方块小游戏.zipJavaScript写的俄罗斯方块小游戏.zipJavaScript写的俄罗斯方块小游戏...

    HTML+JS+CSS做的一些页面小游戏源码合集.zip

    HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码合集 HTML+JS+CSS做的一些页面小游戏源码...

    纯JS代码实现的贪吃蛇小游戏

    在本项目中,我们讨论的是一个使用纯JavaScript(JS)编写的贪吃蛇小游戏。JavaScript是一种广泛用于网页和网络应用的编程语言,尤其在前端开发领域有着不可或缺的地位。这个小游戏的实现完全依赖于JS,无需其他框架...

    用js写的坦克大战小游戏

    总的来说,"用js写的坦克大战小游戏"展示了JavaScript在游戏开发领域的应用潜力,结合ECMAScript规范,实现了类似pygame库的前端游戏开发。这个游戏的实现涵盖了事件处理、对象模型、游戏循环、图形渲染和碰撞检测等...

    实用html5与JS写的小游戏_源码

    JavaScript库和框架如Phaser、Three.js等也在小游戏开发中扮演了重要角色。Phaser是一个流行的HTML5游戏框架,提供了丰富的游戏开发工具和功能,如精灵、动画、物理引擎等。Three.js是基于WebGL的3D库,简化了3D渲染...

    javascript 写的小游戏 枪打鸟

    javascript 写的小游戏 枪打鸟

Global site tag (gtag.js) - Google Analytics