jquery 写的坦克大战。。。

来源：互联网发布：品牌策划案例知乎编辑：程序博客网时间：2024/05/03 22:12

第二个写的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.csdn.net/source/2475923

新版下载地址

http://download.csdn.net/source/2477943