HTML5 + css3 + js 网页设计作业 网页小游戏
用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!
因为上网页课要交一个个人的网页设计作业,时间挺紧的,记得以前玩游戏偶尔看到一个翻转图片的小游戏,就想模仿着做一个!
目录
- 用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!
- 1、界面展示
- 2、源码
1、界面展示
游戏界面截图:
排版可能会有一些小问题,但并不影响游戏的运行
左上角可以选择关卡
一共分为三个关卡:
1、简单是6 * 6
2、一般是8 * 8
3、困难是16*16
点击下面的开始按钮就可以开始游戏了
下面是简单模式的游戏界面。
右下角可以查看当前的游戏进度,
就是 配对成功数 以及 操作总步数
全部配对即游戏胜利!
因为图片比较少所以可能会看着图片都是挨着的,有兴趣的同学可以多加点图片
2、源码
相关资源
阿里云盘
https://www.aliyundrive.com/s/U5nM2qoBXA7
HTML5 + css3 + js 网页设计作业 网页小游戏相关推荐
- HTML5期末大作业:动漫网站设计——电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载
HTML5期末大作业:动漫网站设计--电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载 常见网页设计作业 ...
- 网页设计作业,网页制作作业HTML5+CSS大作业——汽车专题网页设计(1页) dreamweaver作业静态HTML网页设计模板
HTML5+CSS大作业--汽车专题网页设计(1页) dreamweaver作业静态HTML网页设计模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. ...
- 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载
HTML5期末大作业:动漫网站设计--动漫樱桃小丸子(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题 ...
- HTML+CSS期末大作业:动漫网站设计——悬崖上的金鱼姬(5页) / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品 学生DW网页设计作业成品 web课程设计网页规划与设计...
HTML+CSS期末大作业:动漫网站设计--悬崖上的金鱼姬(5页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...
- css网页设计作业_小姐姐用 HTML + CSS 画油画?谁能想到前端还有这么一手操作!...
GitHub 项目上好项目真的很多,但作者长的这么漂亮的肯定屈指可数了. 用 HTML + CSS 画油画 如图所示,这位小姐姐的名字叫 Diana Smith ,在她的个人博客上介绍自己是一位 Ja ...
- 用HTML+CSS做一个学生抗疫感动专题网页设计作业网页
- HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品
HTML期末大作业~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到 ...
- html css javascript 动漫网页设计成品 (妖狐小红娘) 学生漫画网页DW制作 web实训网页设计 HTML5期末大作业
HTML5期末大作业:动漫网站设计--妖狐小红娘(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- html css javascript 动漫网页设计成品 (妖狐小红娘) 学生漫画网页DW制作 web实训网页设计 HTML5期末大作业...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...
最新文章
- python奥运五环_python如何画奥运五环
- MySQL--常见ALTER TABLE 操作
- mac pdf去水印_今天才知道,Word、PDF文档去水印这么简单!一键水印说拜拜
- SAP Spartacus 里 ng-template和ng-container的嵌套使用
- c语言转换为python语言_python和c语言
- 记一次node+react项目发布过程(一)--webpack生产环境打包优化
- 无法生成“F:\system voiume information”下的常规文件夹列表拒绝访问
- 4.3 朴素贝叶斯分类实战——新闻分类、垃圾邮件识别
- P4777 【模板】扩展中国剩余定理(EXCRT)
- (转)Tomcat目录结构
- 解决时间控件input不能选择的问题
- mysql必要的监控项目--转自土豆大神的博客
- 登陆页面html5代码qq,HTML5QQ登录的一篇代码分享
- 黑苹果长期维护机型整理清单
- 计算机组装与维护评课稿,计算机病毒评课稿
- 台式计算机和台式机,台式电脑i5和i7的区别_台式机i5和i7的区别有多大
- Windows Server2012搭建邮件服务器
- 小学-知识与能力【7】
- R安装时出现辑程包不存在,解决方法
- 如何进行远程协作办公?
热门文章
- JAVA计算机毕业设计校园绿化管理系统Mybatis+源码+数据库+lw文档+系统+调试部署
- SpringMVC注解
- 计算机换用户无法启动软件,Win7应用程序无法正常启动怎么解决?
- 2.Hadoop 分布式计算框架:Mapreduce(扩展)——Yarn资源调度器
- 如何停止计算机usb端口,usb端口,教您如何禁用USB接口
- 大神用Python 爬取了的心中女神的微信,是如何做到的?
- Python实现直播答题
- 微信小程序学习 (一)
- 浅谈网络支付加密安全流程思路(安全性极高)
- 十六年开发经验的三十八岁程序员创业十年故事(二)