admin管理员组

文章数量:1794759

HTML5 + css3 + js 网页设计作业 网页小游戏

HTML5 + css3 + js 网页设计作业 网页小游戏

用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!

因为上网页课要交一个个人的网页设计作业,时间挺紧的,记得以前玩游戏偶尔看到一个翻转图片的小游戏,就想模仿着做一个!

目录
  • 用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!
  • 1、界面展示
  • 2、源码

1、界面展示

游戏界面截图:

排版可能会有一些小问题,但并不影响游戏的运行

左上角可以选择关卡 一共分为三个关卡: 1、简单是6 * 6 2、一般是8 * 8 3、困难是16*16

点击下面的开始按钮就可以开始游戏了

下面是简单模式的游戏界面。

右下角可以查看当前的游戏进度, 就是 配对成功数 以及 操作总步数 全部配对即游戏胜利!

因为图片比较少所以可能会看着图片都是挨着的,有兴趣的同学可以多加点图片

2、源码

相关资源 阿里云盘 www.aliyundrive/s/U5nM2qoBXA7

本文标签: 作业小游戏网页设计网页js