js HTML5 网页版植物大战僵尸游戏

源于:http://www.huiyi8.com/moban/

植物大战僵尸Javascript版 HTML5模版
body{-moz-user-select:none}
td{font-family: 宋体; font-size: 12px}
div{left:0}
span{cursor:default}
span,div,h2,h3{padding:0;margin:0}
td.HandBookZombie{background: url(images/interface/Almanac_ZombieWindow2.png) no-repeat; width:20%; height:16%; text-align:center}
#DivTeach{
filter:"alpha(opacity=90)"; /* IE 8 */
filter:alpha(opacity=90); /* IE 4-7 */
opacity:.9; /* FireFox,Safari(WebKit),Opera */
-moz-opacity:.9; /* FireFox<3.5 */
position:absolute;width:900px;height:50px;top:530px;left:0;z-index:100;text-align: center; font-family: 幼圆; font-size: 20pt; font-weight: bold; color: #FFFFFF; width:900px;height:600px;OVERFLOW: hidden;border:3px outset ;}
#dFlagMeterTitleB{position:absolute;color:#000; font-size: 18pt;font-weight:bold;width:343px;top:15px;left:-5px}
#dFlagMeterTitleB span{position:absolute;color:#F93;font-size: 18pt;font-weight: bold;width:343px;top:-1px;left:-1px;}

#dSurfaceBack{position:absolute;display:none;top:0;width:900px;height:600px;z-index:255}
#dHelp{width:614px;height:399px;background:url(images/Help.png);position:absolute;display:none;left:143px;top:100px}
#dSelectLevel{position:absolute;width:100%;height:100%;font-weight:bold;display:none}
#dOptionsMenuBack{position:absolute;text-align:center;left:244px;top:60px;width:412px;height:483px;display:none;background:url(images/OptionsMenuback32.png);_background:url(images/OptionsMenuback8.png)}
.TitleBigContainer{position:relative;width:220px;margin:120px auto 0 auto;height:240px;overflow:hidden}
.TitleSmallContainer{position:relative;width:100%;line-height:35px;color:#FFF;font-size:16px}
.SmallLevel{float:left;cursor:pointer;width:50%}
.BigLevel{float:left;color:#FC6;font-size:20px;width:100%;height:40px}
.OptionsMenuButton,.OptionsMenuButtonDown{background:url(images/OptionsBackButton32.png);_background:url(images/OptionsBackButton8.png);float:left;font-family:黑体;font-size:32px;cursor:pointer;width:360px;height:100px;margin-left:26px;display:inline;color:#FC6}
.OptionsMenuButton{background-position:0 0}
.OptionsMenuButtonDown{background-position:0 100}
.OptionsMenuButtonSpan{height:100px;line-height:100px;cursor:pointer}

#dPCard img{left:0;width:70px;height:42px}
#dPCard .span1{cursor:pointer;width:70px;height:42px;float:left;margin:8px 0 0 2px;position:relative;} 
#dPCard .span2{cursor:pointer;text-align:center;position:absolute;left:40px;top:27px;font-family:Fixedsys;font-size:9pt}
#dCardList div{position:relative;cursor:pointer;padding:0;height:60px}
#dCardList span{cursor:pointer;position:absolute;left:66px;top:40px;width:34px;height:20px;font-family:Fixedsys;font-size:11pt}
#dCardList img{position:absolute;width:100px;height:60px}
.SelectModal{color: #FC6; font-weight: bold;cursor:pointer;background: url(images/interface/Button.png) no-repeat center;text-align:center;height:43px;width:115px}
.Menu{float:left;text-align:center;line-height:41px;font-weight:bold;font-family:黑体;color:#00CB08;height:41px;width:113px;background:url(images/interface/Button.png)}
#imgSF{position:absolute;cursor:pointer;z-index:254}
#PointerUD{position:absolute;z-index:50}
#dTitle{display:none;position:absolute;left:100;background-color:#FFD;width:150px;font-size:12px;text-align:center;line-height:1.5;border:1px solid #000;padding:3px;z-index:254}
#dAll img,#dFlagMeter img{position:absolute;border-style:none}
#dProcess{text-align:center;border: 1px solid #FFF;background-color:#000;color:#FFF;position:absolute;left:130px;top:50px;width:640px;height:500px;display:none;z-index:250;padding:10px;*padding:10px 5px 10px 2px}
#dProcess img{margin:5px 0}
#dProcess h2{font-size:16px;margin:0 10px;color:#E80}
#dProcess h3{font-size:12px}
#dProcess2{overflow:auto;line-height:18px;font-size:12px;text-align:left;width:100%;*width:96%;height:450px}
#dLink{position:absolute;left:5px;top:610px;width:500px;height:50px}
#dLink div{float:left;margin-right:10px}

.Tom1{left:0;top:0;width:86px;height:91px;background:url(images/interface/Tombstones.png) no-repeat}
.Tom2{position:absolute;left:0;top:0;width:86px;height:91px;background:url(images/interface/Tombstone_mounds.png) no-repeat}

自动拾取阳光
                重新开始
                返回菜单
                返回游戏
            
            
                
                    
                        
                               第一大关   >>
                            第一关
                            第二关
                            第三关
                            第四关
                            第五关
                            第六关
                            第七关
                            第八关
                            第九关
                            第十关
                        
                        
                               第二大关   
                            第一关
                            第二关
                        
                    
                    
                        小游戏模式
                        超乎寻常的压力!
                        你的心脏够强劲吗?
                        僵尸快跑!
                        贫瘠之地
                        乱葬岗
                    
                
                返    回

选择你的植物

暂 停
    菜 单

图鉴——索引
    
        
 
        
        
 查看僵尸
            
 
    
         
        
         
        
        
                关闭

你获得了一棵新的植物!
    
        
    abc
    abc

未成功从作者网站上加载到进度文件如果互联网未连接或者作者网站无法成功打开则无法查看最新进度显示!

由HTML5中文网整理收集,更多精彩请关注 www.HTML5China.com

//初始化系统对象,载入关卡
LoadLvl();

//google
if($User.HTTP){
    var _gaq=_gaq||[];
    _gaq.push(['_setAccount', 'UA-18730911-1']);
    _gaq.push(['_trackPageview']);
    (function() {
        var ga=document.createElement('script'),s = document.getElementsByTagName('script')[0];
        ga.type='text/javascript';
        ga.async=true;
        ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(ga, s);
    })();
}

转载于:https://www.cnblogs.com/lhrs/p/4161553.html

js HTML5 网页版植物大战僵尸游戏相关推荐

  1. 网页游戏五子棋php,HTML5网页版黑白子五子棋游戏的示例代码分享

    闲来无事做,用H5搞了几个小游戏,当然本人只是菜鸟,搞出来玩玩,大神莫喷哦, 1.HTML5网页版黑白子五子棋游戏代码,源码请下载附件! 部分前端代码: 五子棋 *{ margin:0; paddin ...

  2. 五子棋游戏代码html,HTML5网页版黑白子五子棋游戏代码

    特效描述:HTML5 网页版黑白子五子棋 五子棋游戏. 通过原生js和canvas实现五子棋,可以试下左右手互搏 代码结构 1. HTML代码 PK 您的浏览器不支持canvas var text = ...

  3. 《游戏学习》| 水果忍者HTML5网页版在线游戏 | 源码分析

    游戏介绍 这是一款由百度JS小组提供的HTML5版切水果游戏,这款基于HTML5实现的网页版切水果游戏虽然和原版的切水果游戏相比仍有美中不足之处,但也算有声有色,画面效果也十分炫目华丽. 游戏截图 主 ...

  4. 飞机大战HTML5游戏源码,基于Canvas制作的网页版飞机大战游戏+飞机大战手机端

    简介: 飞机大战HTML5游戏源码是一款基于Canvas制作的网页版飞机大战游戏,画质精美的飞机大战手机端游戏源码 网盘下载地址: http://kekewangLuo.net/W1S2LQcqAT2 ...

  5. html5游戏开发 网页版-捕鱼达人游戏源码下载

    html5游戏开发 网页版-捕鱼达人游戏源码下载 来玩一把! 转载于:https://www.cnblogs.com/jsfoot/p/3215371.html

  6. python版植物大战僵尸源码_基于python的植物大战僵尸游戏设计与实现.docx

    湖南理工学院毕业设计(论文) PAGE PAGE 1 学 号 毕业设计(论文) 题目:基于python的植物大战僵尸游戏设计与实现 作 者 届 别 届 院 别 信息与通信工程学院 专 业 信息工程 指 ...

  7. Java 版植物大战僵尸思路和源码分享!

    点击上方"逆锋起笔",公众号回复 PDF 领取大佬们推荐的学习资料 来源 | https://urlify.cn/byeEjy 有谁没玩过植物大战僵尸吗?用Java语言开发了自己的 ...

  8. 网页版2048html制作,基于HTML+CSS+JS的网页版2048的实现

    ELECTRONICS WORLD·j6: 雾 与 粤 赛 基 于HTM L+CSS+J S的网页:I~2 048的实现 [摘要 ]描述了一个使用HTML和css进行uI界面设计,使用Js进行后台逻辑 ...

  9. 网页版2048html制作,基于HTML+CSS+JS的网页版2048的实现.pdf

    ELECTRONICS WORLD ・探索与观察 基于HTML+CSS+JS的网页版2048的实现 山西农业大学 王艺燕 [摘要] 描述了一个使用HTML和CSS进行UI界面设计,使用JS进行后台逻辑 ...

最新文章

  1. 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法...
  2. C++ Primer 5th笔记(chap 18 大型程序工具)多重继承下的类作用域
  3. mysql内表和外表_Hive内表和外表的区别
  4. python selenium iframe怎么定位_python+selenium 切换iframe
  5. jQuery移出style
  6. 炒股应只做确定的上涨
  7. 2021年河北高考生成绩排名查询,2021年河北省高考报名人数、录取分数线、河北省最好大学排名统计[图]...
  8. nginx搭建视频服务器
  9. 城市轨道交通信号系统学习笔记(四)信号机
  10. 拜水都江堰,问道青城山
  11. superset 可视化平台搭建
  12. 国标中不能用作公差基准字母
  13. android edittext禁止输入特殊字符,Android edittext 禁止输入特殊字符/或者表情符的方案...
  14. 【教程】利用github学生认证免费使用CLion一年
  15. bootstrap学习心得总结
  16. dependency一直报错,换各种jar包都不行
  17. ChatGPT如何提问?30句ChatGPT提问公式,快收藏
  18. 使用kd树数据结构,实现k-means聚类加速
  19. Ecshop及大商创198版本,解决Deprecated: preg_replace()报错
  20. 08:Calling Extraterrestrial Intelligence AgainMOOC程序设计算法基础期末第八题

热门文章

  1. dev c++如何恢复默认设置_C编程从入门到实践:C语言开发工具详解(2)
  2. android设备rs232数据格式,如何通过rs232 android进行串口通讯?(How to do serial communication via rs232 android?)...
  3. QT图形对象:常规界面设计
  4. hiredis(一个轻量级redis的c客户端)
  5. MySQL集群解决方案(1):MySQL数据库的集群方案
  6. Docker入门指南
  7. STM8开发实例-时钟系统(CLK)
  8. 在Xcode7中搭建python开发环境
  9. Mybatis二级缓存的缺陷
  10. 【附源码】计算机毕业设计SSM社区新冠疫苗接种管理系统