纯javascript写的贪吃蛇游戏,只兼容火狐.docVIP

html head meta http-equiv=Content-Type content=text/html; charset=utf-8 title贪吃蛇/title style type=text/css #container{width:250px;height:250px;position:relative;top:100px;left:100px;border:1px solid #999;} #snake_head{width:9px;height:9px;background-color: red;position:absolute;top:100px;left:100px;border:1px solid #fff;} .snake_body{width:9px;height:9px;background-color:#ccc;border:1px solid #fff;position:absolute;left:0;top:0;} #eat{width:9px;height:9px;border:1px solid #fff;background:gray;position:absolute;} /style script type=text/javascript function Snake() { var args=arguments; this.container=document.getElementById(args[0].container_id); //容器 this.sh=document.getElementById(args[0].sh_id); //蛇头 this.eat=document.getElementById(args[0].eat_id); //食物 this.container_size={x:25,y:25} //容器的大小 this.eat_position=new Object(); //保存食物的位置 this.snack_body=new Array(); //保存蛇身的数组 this.snake_num=5; //初始化蛇身截数 this.step=1 //蛇移动的步长 this.direct=down; //初始化蛇运动的方向 this.t=500; //初始化蛇运动时间间隔 erval=; //初始化计时器 } Stotype={ //初始化 init:function (){ this.init_snake_body(this.snake_num); this.snack_move(); this.update_eat_position(); }, //移动蛇身 snack_move:function (){ //对象冒充解决闭包作用域问题 (function (obj){erval=setInterval(function (){ //开始移动 移动每截蛇身 obj.start_move(obj.snack_body,obj.change_snack_direct()); },obj.t);})(this); }, //开始移动 start_move:function (snack_body,direct){ var sh_position=this.get_snack_head_position(); var sb_elem=; switch(direct) { case down: //碰撞 this.run_into(sh_position); //移动蛇头 this.run_snack_head({x:sh_position.x,y:sh_position.y+this.step}); //移动蛇身 将蛇身最后一截拿掉，在身体最前面加一截 this.remove_snack_body(this.snack_body.pop()); sb_elem=this.create_snake_body({x:sh_position.x*10,y:(sh_position.y)*10}); this.snack_body.unshift(sb_elem); this.add_snake_body(sb_elem); this.start_eat(sh_p