jquery 写的坦克大战。。。

最新推荐文章于 2021-06-19 18:07:52 发布

起个名字真难啊啊啊啊啊

最新推荐文章于 2021-06-19 18:07:52 发布

阅读量4.2k

点赞数 5

文章标签： jquery function url javascript class border

本文链接：https://blog.youkuaiyun.com/li277680701/article/details/5686648

版权

使用jQuery实现的一款坦克大战游戏，支持玩家控制坦克移动射击，并引入敌人AI。游戏包含地图边界、坦克移动逻辑、子弹碰撞检测等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第二个写的jquery游戏坦克大战新鲜出炉

闲话少说

代码贴出

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>坦克大战</title> <mce:script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js" mce_src="http://code.jquery.com/jquery-1.4.2.min.js"></mce:script> <mce:script language="javascript" type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .map { width: 600px; height: 600px; border: 1px solid #000; float: left; position:absolute; top:0; left:0; } .bullet { width:10px; height:10px; background: #FF0; position:absolute; } .tank { width: 50px; height: 50px; position:absolute; } .enemy { background-color:Red; } .right { background-image: url(images/right.gif); } .left { background-image: url(images/left.gif); } .up { background-image: url(images/up.gif); } .down { background-image: url(images/down.gif); } </style> </head> <body> </body> </html>

新版坦克大战源码，改进了运行不连贯性和增加了等级和血的信息

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>坦克大战</title> <mce:script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js" mce_src="http://code.jquery.com/jquery-1.4.2.min.js"></mce:script> <mce:script language="javascript" type="text/javascript"></mce:script> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .map { width: 600px; height: 600px; border: 1px solid #000; float: left; position:absolute; top:0; left:0; } .bullet { width:10px; height:10px; background: #FF0; position:absolute; } .tank { width: 50px; height: 50px; position:absolute; } .right { background-image: url(images/right.gif); } .left { background-image: url(images/left.gif); } .up { background-image: url(images/up.gif); } .down { background-image: url(images/down.gif); } .UserPanel{ position:absolute; width:200px; height:300px; left:600px; top:0px; border:1px solid #fff000; } </style> </head> <body> </body> </html>

下载地址

http://download.youkuaiyun.com/source/2475923

新版下载地址

http://download.youkuaiyun.com/source/2477943