请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
本帖最后由 FE7_北京_徐成凯 于 2017-4-24 17:49 编辑



<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
        .ballon{
          width: 81px;
          height: 119px;
          background: url(../img/ballon.png) no-repeat;
          position: absolute;
          /*top:0;*/
          /*left: 0;*/
        }
        p{font-size:30px;line-height: 30px; position:absolute;}
    </style>
  </head>

  <body>
      <p>分数:</p>
  </body>
  <script>
          function  Ballon(){
              this.top = 500;
              this.left = Math.random() * 1000+100;
              this.score = parseInt(Math.random() * 7) + 1;
              this.init();
              this.fly();
              this.bomb();
          }
               this.p=document.getElementsByTagName("p")[0];
               //console.log(this.p.innerHTML);
          Ballon.prototype.init = function(){
              this.dom = document.createElement("div");
              this.dom.className = "ballon";
              document.body.appendChild(this.dom);

              this.dom.style.left = this.left + "px";
              this.x = -(this.score-1) % 4 * 96;
              this.y = -parseInt(this.score / 4) * 120;
              this.dom.style.backgroundPosition = this.x + "px " + this.y + "px";
          }
          var fenshu=0;
               Ballon.prototype.bomb=function() {
                     var self=this;
                     self.dom.onclick=function(){
                        document.body.removeChild(self.dom);
                        fenshu+=self.score;
//                      if(self.score==4){
//                         fenshu=fenshu+4;
//                      }
                        p.innerHTML="分数:"+fenshu;
                     }
               }
          Ballon.prototype.fly = function(){
              var self = this;
              //var sudu=self.score;
              this.timer = setInterval(function(){
                  self.top-=self.score;
                  self.dom.style.top = self.top + "px";
                  console.log(self.top);
              },60)
          }
          setInterval(function() {
           new Ballon(Math.random())
          },500)
//         var a=new Ballon();
//        var a=new Ballon();
//        var a=new Ballon();
//        var a=new Ballon();
//        var a=new Ballon();
//        var a=new Ballon();
//        var a=new Ballon();
//        var a=new Ballon();
      </script>
</html>
  
分享至 : QQ空间
收藏

2 个回复

倒序浏览
C:\Users\Administrator\Desktop
回复 使用道具 举报




添加 初始位置 就ok了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册