JavaScript sneaker 贪吃蛇 html5

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

汉王

HTML代码

复制格式化注释注释清空

放大

<html> 
	<head> 
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
		<title>贪吃蛇
		</title> 
		<style type="text/css"> 
			 
		</style> 
		<script language="javascript" type="text/javascript"> 
			//获取新生元素位置 
			var bucunzai=true;
			//记录新元素是不是移动 
			var xinkx;
			var xinky;
			//页面载入后k元素定位 
			function lo(){
				var objectp=document.getElementById("k") 
				objectp.style.left="250px" 
				objectp.style.top="250px" 
				//K元素最终样式代码 
				k_zz=objectp.currentStyle?document.getElementById("k").currentStyle:document.defaultView.getComputedStyle(objectp,null);
			}
			//记录位置的数组 
			var k_x=new Array() 
			var k_y=new Array() 
			//记录蛇的长度 
			var k_number=0 
			//方向键函数 
			document.onkeydown=pmove;
			var fx=0//获取上一次的按键直 
			function pmove(){
				if(bucunzai){
					xin();
					bucunzai=false;
				}
				objectp=document.getElementById("k") 
				kcode=window.event?window.event:arguments[0];
				if(kcode.keyCode==39&&fx!=39&&fx!=37){
					fx=kcode.keyCode;
					try{
						clearInterval(kbottom);
					}
					catch(e){
					}
					try{
						clearInterval(kright);
					}
					catch(e){
					}
					try{
						clearInterval(ktop);
					}
					catch(e){
					}
					try{
						clearInterval(kleft);
					}
					catch(e){
					}
					kleft=setInterval(function(){
						if(parseInt(objectp.style.left)>=475){
							alert("超出了");
							clearInterval(kleft);
						}
						else{
							if(k_x.length>=400){
								k_x.shift();
								k_y.shift();
							};
							k_x[k_x.length]=k_zz.left;
							k_y[k_y.length]
								=k_zz.top;
							objectp.style.left=(parseInt(objectp.style.left)+25)+"px";
						}
						if(k_zz.left==xinkx&&k_zz.top==xinky){
							k_number++;
							xin();
						}
						k_kmove();
					}
									  ,100) 
				}
				if(kcode.keyCode==37&&fx!=39&&fx!=37){
					fx=kcode.keyCode;
					try{
						clearInterval(kbottom);
					}
					catch(e){
					}
					try{
						clearInterval(kright);
					}
					catch(e){
					}
					try{
						clearInterval(ktop);
					}
					catch(e){
					}
					try{
						clearInterval(kleft);
					}
					catch(e){
					}
					kright=setInterval(function(){
						if(parseInt(objectp.style.left)<=0){
							alert("超出了");
							clearInterval(kright);
						}
						else{
							if(k_x.length>=400){
								k_x.shift();
								k_y.shift();
							};
							k_x[k_x.length]=k_zz.left;
							k_y[k_y.length]
								=k_zz.top;
							objectp.style.left=(parseInt(objectp.style.left)-25)+"px";
						}
						if(k_zz.left==xinkx&&k_zz.top==xinky){
							k_number++;
							xin();
						}
						k_kmove();
					}
									   ,100) 
				}
				if(kcode.keyCode==40&&fx!=40&&fx!=38){
					fx=kcode.keyCode;
					try{
						clearInterval(kbottom);
					}
					catch(e){
					}
					try{
						clearInterval(kright);
					}
					catch(e){
					}
					try{
						clearInterval(ktop);
					}
					catch(e){
					}
					try{
						clearInterval(kleft);
					}
					catch(e){
					}
					kbottom=setInterval(function(){
						if(parseInt(objectp.style.top)>=475){
							alert("超出了");
							clearInterval(kbottom);
						}
						else{
							if(k_x.length>=400){
								k_x.shift();
								k_y.shift();
							};
							k_x[k_x.length]=k_zz.left;
							k_y[k_y.length]
								=k_zz.top;
							objectp.style.top=(parseInt(objectp.style.top)+25)+"px";
						}
						if(k_zz.left==xinkx&&k_zz.top==xinky){
							k_number++;
							xin();
						}
						k_kmove();
					}
										,100) 
				}
				if(kcode.keyCode==38&&fx!=40&&fx!=38){
					fx=kcode.keyCode;
					try{
						clearInterval(kbottom);
					}
					catch(e){
					}
					try{
						clearInterval(kright);
					}
					catch(e){
					}
					try{
						clearInterval(ktop);
					}
					catch(e){
					}
					try{
						clearInterval(kleft);
					}
					catch(e){
					}
					ktop=setInterval(function(){
						if(parseInt(objectp.style.top)<=0){
							alert("超出了");
							clearInterval(ktop);
						}
						else{
							if(k_x.length>=400){
								k_x.shift();
								k_y.shift();
							};
							k_x[k_x.length]=k_zz.left;
							k_y[k_y.length]
								=k_zz.top;
							objectp.style.top=(parseInt(objectp.style.top)-25)+"px";
						}
						if(k_zz.left==xinkx&&k_zz.top==xinky){
							k_number++;
							xin();
						}
						k_kmove();
					}
									 ,100) 
				}
			}
			//生成新的元素代码 
			function xin(){
				var xinkleft=parseInt(Math.random()*20)*25+"px";
				var xinktop=parseInt(Math.random()*20)*25+"px";
				var xinkcolor1=parseInt(Math.random()*14).toString(16) 
				var xinkcolor2=parseInt(Math.random()*14).toString(16) 
				var xinkcolor3=parseInt(Math.random()*14).toString(16) 
				var xinkcolor4=parseInt(Math.random()*14).toString(16) 
				var xinkcolor5=parseInt(Math.random()*14).toString(16) 
				var xinkcolor6=parseInt(Math.random()*14).toString(16) 
				var xink=document.createElement("div") 
				xink.id="k"+k_number 
				xink.className="xin" 
				xink.style.left=xinkleft 
				xink.style.top=xinktop 
				xink.style.backgroundColor="#"+xinkcolor1+xinkcolor2+xinkcolor3+xinkcolor4+xinkcolor5+xinkcolor6 
				var pp=document.getElementById("p") 
				pp.appendChild(xink) 
				xinkx=xinkleft 
				xinky=xinktop 
			}
			//新的元素跟随移动函数 
			function k_kmove(){
				if(k_number==0){
				}
				else{
					for(var i=0;i<k_number;i++){
						var move=document.getElementById("k"+i) 
						move.style.top=k_y[k_y.length-(i+1)] 
						move.style.left=k_x[k_x.length-(i+1)] 
					}
				}
			}
		</script> 
	</head> 
	<body onload="lo();"> 
		<div id="global"> 
			<div id="p" style="top:0px; left:0px;"> 
				<div id="k">
				</div> 
			</div> 
		</div> 
	</body> 
</html>

CSS代码

复制格式化注释注释颜色清空

放大

JS代码

复制格式化注释注释清空

放大

运行代码

简介

请输入代码名称！

名称

JavaScript sneaker 贪吃蛇 html5

分类

游戏

描述

JavaScript sneaker by 王洁，HTML5结合JS共同来实现的，有5个级别的游戏难度可选择。游戏控制说明：上、下、左、右键控制蛇的转向，当吃的食物达到一定数量计数值加倍，当吃到类蛇身的食物时蛇身剪短但计数仍增加。