web游戏-飞机大战

H5小游戏源码、JS开发网页小游戏开源源码大合集。无需运行环境，解压后浏览器直接打开。有需要的订阅后，私信本人，发源码，含60+小游戏源码。如五子棋、象棋、植物大战僵尸、贪吃蛇、飞机大战、坦克大战、开心消消乐、扑鱼达人、扫雷、打地鼠、斗地主等等。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name=viewport content="width=device-width, initial-scale=1">
<title>JS飞机大战网页版小游戏 </title>

       html,body{
           /* background: url('img/bj.jpg'); */
           height:100%;
           -moz-user-select: none;
           -webkit-user-select: none;
           -ms-user-select: none;
           -khtml-user-select: none;
           user-select: none;
           font-family:sans-serif;
       }
   .layout{
           width:100%;
           height:100%;
           margin: 0 auto;
           background: url('img/bj.jpg') center bottom /100% auto;
           /* background:#505149; */
           position: relative;
           overflow: hidden;
           animation:movebg 3000s linear infinite;
           -moz-animation:movebg 3000s linear infinite; /* Firefox */
           -webkit-animation:movebg 3000s linear infinite; /* Safari and Chrome */
           -o-animation:movebg 3000s linear infinite; /* Opera */

       }
       .plane{
           width:110px;
           height:90px;
           /* background:#fff; */
           background:url('img/P.png') 0 -101px no-repeat;
           position: absolute;
           bottom:0;
           left:50%;
           cursor:pointer;
       }
       .b1{
           width:5px;
           height:15px;
           border-radius:50% 50% 5px 5px;
           background:#fff;
           position: absolute;
           top:-50px;
           left:50%;
       }
       .enemy0{
           width:126px;
           height:81px;
           /* background:yellow; */
           background:url('img/P.png') -377px 0 no-repeat;
           position: absolute;
           top:-70px;
           left:20px;
       }
       .enemy1{
           width:108px;
           height:81px;
           /* background:green; */
           background:url('img/P.png') 0 0 no-repeat;
           position: absolute;
           top:-150px;
           left:600px;
       }
       .enemy2{
           width:126px;
           height:87px;
           /* background:blue; */
           background:url('img/P.png') -242px 0 no-repeat;
           position: absolute;
           top:-400px;
           left:80px;
       }
       .enemy3{
           width:120px;
           height:101px;
           /* background:red; */
           background:url('img/P.png') -114px 0 no-repeat;
           position: absolute;
           top:-60px;
           left:510px;
       }
       .b2{
           width:10px;
           height:10px;
           position: absolute;
           border-radius:50%;
           left:50%;
           bottom: -50px;
           background:#fff;
       }

       .score{
           display: none;
           padding: 10px 15px;
           font-size:30px;
           font-weight:bold;
           color:#99B2D6;
           background:#031540;
           border:5px solid #425579;
           border-radius:0 50px 50px 0;
           position: absolute;
           top:20px;
           left:20px;
           z-index:1000000;

/* background:red; */
}

       @keyframes movebg
       {
           from {background-position:0 10000%;} to {background-position:0 0%;}
       }

       @-moz-keyframes movebg /* Firefox */
       {
           from {background-position:0 10000%;} to {background-position:0 0;}
       }

       @-webkit-keyframes movebg /* Safari and Chrome */
       {
           from {background-position:0 10000%;} to {background-position:0 0%;}
       }

       @-o-keyframes movebg /* Opera */
       {
           from {background-position:0 10000%;} to {background-position:0 0;}
       }
       #start{
           width: 100%;
           height:100%;
           background:rgba(0, 0, 0, 0.7);
           position: absolute;
           top:0;
           left:0;
       }
       #startBtn{
           background:blue;
           color: #fff;
           font-size:50px;
           margin:100px 0 0 -115px;
           padding: 10px 30px;
           border:5px solid #fff;
           border-radius:50px;
           position: absolute;
           top:50%;
           left:50%;
           outline:none;
           cursor:pointer;
       }
       #name-over{
           font-family:'微软雅黑',sans-serif;
           width:100%;
           padding: 120px 0 10px;
           margin: -200px 0 0 0;
           font-size:50px;
           font-weight:bold;
           text-align:center;
           color:rgba(106,124,197,1);
           line-height:70px;
           background:rgba(106,124,197,0.5) url('img/P1.png') center 20px no-repeat;
           position: absolute;
           top:50%;
           left:0;
       }
</style>