用DIV+Css+Jquery 实现的旧版微信飞机大战。

用jquery 实现的旧版微信飞机大战。

以前一直都是做后台和业务逻辑，前端很少去做，现在个小游戏。

方向键控制方向，Ctrl 键放炸弹（当然你的有炸弹，哈哈）！

主要都是用div+Css实现的，然后用Jquery动态控制div的Css 实现整个小游戏

整体来说该有的功能都实现了吧。

也有一些问题

-webkit-background-size: 1024px 512px;
-webkit-transform: rotate(-90deg);

这个属性IE都不支持，Google Chrome到时支持可是也遇到了一些

使用-webkit-transform: rotate(-90deg) 后，在去重新调整Top 或者left 属性的时候，会出现设置的值和实际的值不符的情况，具体原因我也没有找了，在这里，不知道有那个大神可以帮助解惑。

最终也只能把这两条属性摒弃掉了。哎！

由于我把所有的素材都放在一张大图上，这两条Css不能用的情况下，我就只能很蛋疼的去物理操作图片的大小和方向，也就变成了素材冲一张大图变成了多张图

此外，哪位大神有比较好的方式用键盘来控制飞机更平滑的移动。

下面看效果

用DIV+Css+Jquery 实现的旧版微信飞机大战。相关推荐

毕业设计游戏类网站设计静态页面基于html，div+css+jquery（含源码）
首页.游戏简介.游戏资料.单机攻略.手游攻略.网络攻略.登录|注册等相关功能页面适合商业项目或大学生毕业设计程序,整套静态页面html,div+css+jquery相关技术更多相关内容,请点击下载 ...
前端html纯静态网页汽车保养服务类资讯网站可用于商业开发及毕业设计素材含源码（div+css+jquery）
基于html+div+css+jquery开发,可用于毕业设计,商业开发,属于纯静态html网页, 源码下载地址:>>>请点击!
小程序开发API之改变置顶栏文字内容 wx.setTopBarText（已停，只有旧版微信有效）
效果展示: wx.setTopBarText(Object object) 动态设置置顶栏文字内容.只有当前小程序被置顶时能生效,如果当前小程序没有被置顶,也能调用成功,但是不会立即生效,只有在用户将 ...
Vue 开发一个简略版的飞机大战小游戏
文章目录使用 Vue 开发一个简略版的飞机大战小游戏一.实现思路二.所需知识点三.实现步骤使用 Vue 开发一个简略版的飞机大战小游戏如题,假设你为了向更多访问你博客的人展示你的技术,你决 ...
简易版的飞机大战(C语言）
一.只会发射激光,画质不清晰的飞机大战游戏的总体结构根据C语言的循环制作的本来还想说点什么但是注释里面都有代码: #include <stdio.h> #include <s ...
div+css+jquery仿写HTML京东首页的练习及一些关于oo css的总结
整个工程: https://download.csdn.net/download/weixin_43388844/10864383 前言前几天看b站上极客学院的web前端开发第二部分时了解到OO C ...
html语言字体上下滚动代码,div+css+jquery公告栏垂直(上下)文字单行滚动特效代码（三种样式）...
网站公告栏一般采用滚动形式,随着jquery的出现,特效做起来更加简单,所以目前大多数网站都有自己的公告栏目,采用文字滚动的形式,今天来分享几个垂直公告文字滚动特效,分别是全面版,常用版,以及极简版! ...
基于html静态花店购物电商网站页面设计与实现.rar(论文+毕业设计) div+css+jquery
1 绪论 3 1.1 功能及应用背景 3 1.2 项目开发目的和意义 4 1.3 项目主要的内容 6 2 相关技术介绍及环境开发条件 7 2.1 Photoshop 的简单介绍 7 2.2 Dream ...
iOS旧版微信SDK升级1.8.6版本小白踩坑记
虽然写了多年前端,但是一直都是写的lua,这次突然接到通知要升级微信SDK,以前也不是我捣鼓的,这下可愁坏了.本着万事不明,先备份改错的心态去下了微信SDK然后对比了下,发现跟以前没太大区别.主要区别 ...
旧版微信内置浏览器x5核心无法打开，安装内核提示“内核下载失败115→115”，有相同情况吗
系统:鸿蒙最新版微信:8.0.15 操作过程: 1.点击链接进入http://debugtbs.qq.com 2.页面打开后,点击"安装线上内核" 3.提示"内核下载失 ...

用DIV+Css+Jquery 实现的旧版微信飞机大战。

用DIV+Css+Jquery 实现的旧版微信飞机大战。相关推荐

最新文章

热门文章