(转) 基于jquery写的贪吃蛇游戏

最新推荐文章于 2023-04-28 18:09:14 发布

转载最新推荐文章于 2023-04-28 18:09:14 发布 · 625 阅读

文章标签：

#jquery #function #javascript #border #xhtml #float

Ajax技术专栏收录该内容

103 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简单贪吃蛇游戏。通过键盘控制蛇的方向，使其在地图上移动并吃到食物以增长身体长度。文章包含了完整的源代码，展示了游戏逻辑和界面布局。

转自：http://topic.youkuaiyun.com/u/20100618/09/B16693A6-77D1-4E53-B1D5-BC8BB90CCED5.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> <script language="javascript" type="text/javascript" src="../scripts/jquery-1[1].2.6.js" mce_src="scripts/jquery-1[1].2.6.js"></script> <script language="javascript" type="text/javascript"></script> <style type="text/css"></style><style type="text/css" mce_bogus="1">.map{ width:10px; height:10px; border:1px solid #000; float:left; } .noSnake{ background:#00F; } .snake{ background:#F00; } .food{ background:#FF0; } .clear{ clear:both; }</style> </head> <body> </body> </html>