html5 微信 飞机 源码,[HTML5]微信飞机大战
兼容平台: IE9+, Chrome, Firefox, Firefox, Safari
个人小制作,纯html5没有用框架,代码执行效率方面有待考察
实现了游戏大部分玩法
兼容了电脑PC浏览器和手机浏览器[PC浏览器单击使用道具]
有声音的版本请下载plain.rar, 演示地址没有声音
2013-09-16 添加声音, 因为移动设备播放声音会卡, 所以暂时移动设备没有声音
2013-09-17 声音文件打包的时候少了一个, 所以导致游戏无法运行, 已更正
1.[图片] QQ截图20130910101806.jpg
2.[文件] index.html ~ 1KB 下载(228)
飞机大战 by zhuojiejie
继 续
3.[文件] global.css ~ 2KB 下载(135)
/*
build time: Sep 9th,2013 09:25
author: jiejie.zhuo
*/
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-size: 14px;
color: #333;
font-family: "Microsoft YaHei", sans-serif, 'Microsoft Sans Serif', 'Microsoft JhengHei UI';
background-color: #555;
}
body > div:last-child {
display: none;
}
#main {
display: table;
width: 480px;
margin: 0 auto;
position: relative;
}
#main canvas {
z-index: 1000;
position: absolute;
top: 0;
}
#main canvas.playing {
cursor: none;
}
#modal {
width: 400px;
height: 300px;
top: 100px;
left: 50%;
margin-left: -200px;
border: #666 solid 2px;
border-radius: 8px;
position: absolute;
font-size: 20px;
background-color: #dddddd;
z-index: 1002;
}
@media screen and (max-width: 480px) {
#main, #container {
width: 100%;
}
#modal {
width: 94%;
top: 10px;
left: 3%;
margin: 0;
}
}
#modal.hide {
display: none;
}
#modal .header {
height: 45px;
line-height: 45px;
font-weight: bold;
text-align: center;
border-bottom: #666 solid 2px;
}
#modal .content {
height: 210px;
line-height: 210px;
font-weight: bold;
text-align: center;
}
#modal .footer {
height: 45px;
line-height: 45px;
text-align: center;
border-top: #666 solid 2px;
}
#modal .footer button {
width: 120px;
height: 30px;
border: #666 solid 2px;
border-radius: 15px;
font-size: 15px;
font-weight: bold;
position: absolute;
bottom: 4px;
left: 50%;
margin-left: -60px;
color: #333;
cursor: pointer;
}
4.[文件] plain.rar ~ 1MB 下载(1220)
html5 微信 飞机 源码,[HTML5]微信飞机大战相关推荐
- php 微信定位源码_微信活码模块源码 - WEB源码|PHP源码|源代码 - 源码中国
压缩包 : 微信活码模块源码V3.8.0(SG11加密,学习用).zip 列表 打死都要看的说明.txt addons/ addons/nx_livecode/ addons/nx_livecode/ ...
- 微信砍价源码 php_微信砍价助力系统 v1.0
微砍价迎合粉丝降价心理,粉丝自动传播,加粉变简单,低价快速实现广告效应,销售增长 微信砍价助力系统通过商户直接让利给消费者的形式鼓励消费者将此消息分享给更多的好友或朋友圈,从而达到"零广告& ...
- 微信接口源码、微信定制功能源码
微信HOOK接口,可自主选择与业务匹配的功能 功能列表 1.支持获取登录二维码 2.支持好友/群员列表/公众号列表,人员信息,头像等: 3.支持收发消息,区分接收和发送的消息 4.支持发送图片.GIF ...
- java获取微信用户源码_Java微信公众平台开发(十)--微信用户信息的获取
前面的文章有讲到微信的一系列开发文章,包括token获取.菜单创建等,在这一篇将讲述在微信公众平台开发中如何获取微信用户的信息,在上一篇我们有说道微信用户和微信公众账号之间的联系可以通过Openid关 ...
- 使用html5写见缝插针源码,HTML5见缝插针手机游戏代码-闯三关送口红.zip
[实例简介] [实例截图] [核心代码] 闯关失败 重新闯关 恭喜您,闯关成功 点击领取 当前关数: 1 0 // var loadedMusic = false; var game_id = $(& ...
- html5备忘录代源码,HTML5备忘录
H5新增标签 --定义文章 --定义页面内容旁边的内容 --定义声音内容 --定义视频内容 --定义图形 --定义一个控制按钮 --指数或表格状数据格式中的动态数据 --定义一个下拉列表 --定义一个 ...
- 微信html5小游戏源码70种
2019独角兽企业重金招聘Python工程师标准>>> 微信html5小游戏源码70种 http://download.csdn.net/detail/csdddn/9419955游 ...
- [含论文+源码等]微信小程序电影购票+后台管理系统源码
IT源码 <微信小程序电影购票+后台管理系统>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序做的电影购票前台和Java做的后台管理系统: 微信 ...
- 含论文+辩论PPT+源码等]微信小程序ssm社区心理健康服务平台+后台管理系统
下载地址: https://download.csdn.net/download/m0_71595576/85519044?spm=1001.2014.3001.5503 项目介绍: 含论文+辩论PP ...
- [含论文+源码等]微信小程序居家养老+后台管理系统[包运行成功]
下载地址:https://download.csdn.net/download/BSDKT/85347133 项目介绍: [含论文+源码等]微信小程序居家养老+后台管理系统[包运行成功] 系统说明: ...
最新文章
- 解决JavaOpenCV的内存问题
- SQL2000数据库中删除“坏表”的方法
- C语言三个结束符:EOF ‘\0’ '\n'
- linux创建管道的函数,Linux下的有名管道(03)---使用函数创建和删除有名管道
- python画条形图-python3使用matplotlib绘制条形图
- linux 中文排版,Latex中文排版——XeLatex的用法
- 使用Thumbnails实现图片指定大小压缩
- 测绘 绘图 计算机,20 机械测绘与计算机绘图 草图绘制范例 课件:草图绘制范例.pptx...
- 新海诚没有参与制作的作品_还未开始!新海诚的下一部作品还是白纸
- QQ.COM二级域名大全 腾讯旗下产品大全
- 《红楼梦》的方位观念
- P1395 会议 题解
- 常用JS效果 需要时更新。。。
- 【转载】Android功耗改进
- altium designer利用向导画封装库详解
- 微信公众号教程(9)公众账号发送欢迎图文消息
- Thinkpad笔记本验机2
- 常用ANSI控制码及其相关内容总结(转)
- z变换判断稳定性和因果性_信号与线性系统
- Linux - tail命令详解