对对碰（网页版单机小游戏）
2024-04-25 06:00:40
简易的对对碰的实现（基于js的事件处理机制）
原理：要想制作这个游戏很简单，先画一张表格，在其中添加照片，通过鼠标点击事件调用在js里编写的让图片隐藏功能的函数即可达到预期效果。
具体代码如下：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">i = 0last = nullfunction clickDisappear(obj){if(i == 0 && last == null){last = obji = 1}else{if(obj != last){if(obj.src == last.src){obj.style.display = 'none'last.style.display = 'none'}i = 0last = null}}}</script><style type="text/css">img{margin: 9px;float: left; width: 32px;height: 32px;}caption{font-size: 20px;}</style></head><body><!--cellpadding="1" cellspacing="10"--><table style="border: solid 1px black;background-image: url(img/xinshang.jpg);" align="center"><caption>连连看小游戏</caption><thead><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th></tr></thead><tbody><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr><tr><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0884.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0704.gif" onclick="clickDisappear(this)"></td><td><img src="img/bg-0092.gif" onclick="clickDisappear(this)"></td></tr></tbody></table></body>
</html>时间紧，任务重，话不多说，我们下篇文章见！！！
对对碰（网页版单机小游戏）相关推荐
- 2048网页版html项目报告,jQuery编写网页版2048小游戏
大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了,但是自己实现起 ...
- 网页版打地鼠小游戏源代码，网页版打灰太狼小游戏源码
网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码 完整代码下载地址:网页版打地鼠小游戏源代码,网页版打灰太狼小游戏源码 核心代码 <!DOCTYPE html> <html> ...
- 网页版2048小游戏
网页版2048小游戏 使用jquery3.3.1 进行的一次开发,各文件源码如下: 2048.css .div_2048{background-color: #FFFAF0;width:1000px; ...
- 来学习开发一个网页版马里奥小游戏吧
大家好,我是TJ 一个励志推荐10000款开源项目与工具的程序员 说起全球最有吸金能力的IP,大家会想到什么呢?是漫威?是哈利波特?还是王者荣耀(笑)? 其实很多印象都是主观的,根据Wikimili从 ...
- 《彩色方块对对碰 Android 版》(TetraVex) 经典休闲益智类游戏免费发布！
前几天写的一个休闲益智类游戏 <彩色方块对对碰 Android 版>(TetraVex) 终于免费发布了!庆祝一下,欢迎大家下载! 免费下载: 1. http://echozhy.goog ...
- 我的《上勾拳》网页单机小游戏有什么版权问题吗
很遗憾,你上传的[<上勾拳>网页单机小游戏,发泄类型,可以自己上传音效适配,适配PC和安卓.大部分元素为SVG动画,云彩和火焰是canvas动画]没有通过审核,原因是:版权,如有疑问,请联 ...
- js HTML5 网页版植物大战僵尸游戏
js HTML5 网页版植物大战僵尸游戏 源于:http://www.huiyi8.com/moban/ 植物大战僵尸Javascript版 HTML5模版 body{-moz-user-select ...
- 网页游戏五子棋php,HTML5网页版黑白子五子棋游戏的示例代码分享
闲来无事做,用H5搞了几个小游戏,当然本人只是菜鸟,搞出来玩玩,大神莫喷哦, 1.HTML5网页版黑白子五子棋游戏代码,源码请下载附件! 部分前端代码: 五子棋 *{ margin:0; paddin ...
- 网页版《2048游戏》
源码下载: https://gitee.com/cheng-hanyuan/example_projec/tree/main/%E6%A1%88%E4%BE%8B%E9%A1%B9%E7%9B%AE/ ...
最新文章
- 气温上升影响数据中心节能
- c语言swatch的用法返回,Linux swatch系统监控程序命令详解
- Java设计模式百例（番外） - Java的clone
- ps2改usb接口_简单易懂，改装任意手柄为Type-C接口的方法
- coco creator编辑动画坑之拖图片
- linux内核安装指南-1
- 为什么要学习 Spring Boot？
- 信号与系统实验一 信号在MATLAB中的表示
- 交换机级联，堆叠，集群技术介绍
- kubesphere K8S Kubeedge 安装配置菜鸟级指导
- CAD初学者该掌握的用cad画图的基本…
- 亚马逊，富士康，腾讯等大厂的3亿美元打水漂，Android之父公司宣布关闭
- 中兴 20 5g音频测试软件,中兴天机Axon20 5G评测：揭开屏下摄像的秘密！
- python 条形图填充疏密_Python数据分析 4：图表绘制工具Matplotlib
- excel数据处理_Excel数据处理（1）：千分位分隔符
- 第068封“情书”：耶路撒冷Assembling a 3DScanOfTheEarth可视化地图数据
- matlab调用海康威视摄像头_招聘|海康威视招聘一批算法、图像等AI工程师
- Apicloud中在frame中加载数据未完成时显示加载进度条
- java版我的世界有溺尸_我的世界：猪灵的金锭能“抢夺”？穿戴金甲的溺尸是要“逆天”？...
- 宽带无线通信知识点整理_第二章_信道模型