<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>贪吃蛇双人对战版</title>
<!--AsldGo制作 严禁转载-->
<style type="text/css">
#statement88{
width: 250px;
height: 320px;
background-color: lavenderblush;
border: 1px solid black;
position: absolute;
left: 1610px;
top: 140px;
font-size: 15px;
text-align: center;
color: black;
}
.outer {
width: 1200px;
height: 600px;
background-color: aquamarine;
border: 1px solid black;
position: absolute;
left: 360px;
top: 140px;
font-size: 200px;
text-align: center;
color: red;
line-height: 600px;
}
.outer > div{
width: 50px;
height: 50px;
border-radius: 30%;
background-color: red;
position: absolute;
top: 550px;
left: -2000px;
}
#btn1{
width: 100px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
background-color: black;
color: white;
position: absolute;
top: 110px;
left: 360px;
}
#btn2{
width: 100px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
background-color: black;
color: white;
position: absolute;
top: 110px;
left: 360px;
display: none;
}
#btnFast{
width: 100px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
background-color: red;
color: white;
position: absolute;
top: 110px;
left: 660px;
}
#btnSlow{
width: 100px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
background-color: red;
color: white;
position: absolute;
top: 110px;
left: 760px;
}
#textV8{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 860px;
}
#textV{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 910px;
}
#score8{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 960px;
}
#score{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 1010px;
}
#btnFastB{
width: 100px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
background-color: blue;
color: white;
position: absolute;
top: 110px;
left: 1160px;
}
#btnSlowB{
width: 100px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
background-color: blue;
color: white;
position: absolute;
top: 110px;
left: 1260px;
}
#textV8B{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 1360px;
}
#textVB{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 1410px;
}
#score8B{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 1460px;
}
#scoreB{
width: 50px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background-color: white;
color: black;
position: absolute;
top: 110px;
left: 1510px;
}
.red1{
}
#redHead{
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
position: absolute;
top: 550px;
left: -50px;
}
#redHeadIn1{
width: 10px;
height: 10px;
border-radius: 50%;
border: 3px ridge black;
background-color: white;
position: absolute;
top: 10px;
left: -5px;
}
#redHeadIn2{
width: 10px;
height: 10px;
border-radius: 50%;
border: 3px ridge black;
background-color: white;
position: absolute;
top: 10px;
left: 40px;
}
#redHeadIn3{
width: 30px;
height: 30px;
border-radius: 50%;
border: 0px groove yellow;
background-color: aquamarine;
position: absolute;
top: -15px;
left: 10px;
}
#redHeadIn4{
width: 30px;
height: 30px;
border-radius: 20%;
border: 0px groove yellow;
background-color: aquamarine;
position: absolute;
top: -15px;
left: 10px;
}
.redBodyIn{
width: 40px;
height: 30px;
border: 1px solid yellow;
border-radius: 30%;
background-color: red;
position: absolute;
top: 5px;
left: 5px;
}
.blue1{
}
#blueHead{
width: 50px;
height: 50px;
border-radius: 50%;
background-color: blue;
position: absolute;
top: 550px;
left: 1200px;
}
#blueHeadIn1{
width: 10px;
height: 10px;
border-radius: 50%;
border: 3px ridge black;
background-color: yellow;
position: absolute;
top: 10px;
left: 40px;
}
#blueHeadIn2{
width: 10p