求在网页四处飘的浮动窗口

我用js做过一个键盘控制的,在上下左右反弹,不光键盘应该还有一个随机跑的层http://blog.csdn.net/liuxiaoyi666 文章名应该是"无聊用js写了一个键盘控制的东东"有一点点小bug

解决方案 »

  1.   

    <script LANGUAGE="JavaScript">
    var brOK=false;
    var mie=false;
    var aver=parseInt(navigator.appVersion.substring(0,1));
    var aname=navigator.appName;
    function checkbrOK()
    {if(aname.indexOf("Internet Explorer")!=-1)
       {if(aver>=4) brOK=navigator.javaEnabled();
        mie=true;
       }
     if(aname.indexOf("Netscape")!=-1)
       {if(aver>=4) brOK=navigator.javaEnabled();}
    }
    var vmin=2;
    var vmax=5;
    var vr=0.02;
    var timer1;
    function Chip(chipname,width,height)
    {this.named=chipname;
     this.vx=vmin+vmax*Math.random();
     this.vy=vmin+vmax*Math.random();
     this.w=width;
     this.h=height;
     this.xx=0;
     this.yy=0;
     this.timer1=null;
    }
    function movechip(chipname)
    {
     if(brOK)
      {eval("chip="+chipname);
       if(!mie)
        {pageX=window.pageXOffset;
         pageW=window.innerWidth;
         pageY=window.pageYOffset;
         pageH=window.innerHeight;
        }
       else
        {pageX=window.document.body.scrollLeft;
         pageW=window.document.body.offsetWidth-22;
         pageY=window.document.body.scrollTop;
         pageH=window.document.body.offsetHeight-34;
        }   chip.xx=chip.xx+chip.vx;
       chip.yy=chip.yy+chip.vy;   chip.vx+=vr*(Math.random()-0.5);
       chip.vy+=vr*(Math.random()-0.5);
       if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
       if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
       if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
       if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
       if(chip.xx<=pageX)
         {chip.xx=pageX;
          chip.vx=vmin+vmax*Math.random();
         }
       if(chip.xx>=pageX+pageW-chip.w)
         {chip.xx=pageX+pageW-chip.w;
          chip.vx=-vmin-vmax*Math.random();
         }
       if(chip.yy<=pageY)
         {chip.yy=pageY;
          chip.vy=vmin+vmax*Math.random();
         }
       if(chip.yy>=pageY+pageH-chip.h)
         {chip.yy=pageY+pageH-chip.h;
          chip.vy=-vmin-vmax*Math.random();
         }   if(!mie)
          {eval('document.'+chip.named+'.top ='+chip.yy);
           eval('document.'+chip.named+'.left='+chip.xx);
          }
       else
          {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
           eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
          }
       chip.timer1=setTimeout("movechip('"+chip.named+"')",140);
      }
    }function hide(chipname){
            if(brOK){
                    eval("chip="+chipname);
                    if(!mie)
                            eval('document.'+chip.named+'.visibility ='+"'hide'");
                    else
                            eval('document.all.'+chip.named+'.style.visibility ='+"'hidden'");
            }
    }function stopme(chipname)
    {if(brOK)
      {//alert(chipname)
       eval("chip="+chipname);
       if(chip.timer1!=null)
        {clearTimeout(chip.timer1)}
      }
    }
    var chip1;
    function pagestart()
    {checkbrOK();
     chip1=new Chip("chip1",117,75);
      if(brOK)
       { movechip("chip1");
        }
    }
    //if(brOK) {stopme('chip1');}
    </script>
    <html>
    <body>
    <div id="chip1"
    style="height: 105; position: absolute; visibility: visible; width: 140; left: 180; top: 157"><table border="0" cellPadding="4" cellSpacing="0" class="bd" width="60">
    <TBODY>
      <tr>
        <td align="middle" class="bg2"><a class="prs1" href="http://aaa.net" target="_blank"><img
        border="0" class="bd" src="ball.gif" width="50" height="50"></a></td>
      </tr>
    </TBODY>
    </table>
    </div><script event="onload" for="window" language="JavaScript">
    pagestart();
    </script>
    </body>
    </html><title>
    特效预览 </title> 
    <p align="center" style="line-height: 20px"> 
    <font color="#666666"><span style="font-size: 9pt">
    屏幕上来回弹的篮球
    <br> 
    <font face="Arial, Helvetica, sans-serif">Copyright By&nbsp All Right  
    Reserved</span></font></p>                                                       
    <hr size="1" noshade width="100%" color="red">                                   
    <font face="Arial, Helvetica, sans-serif" color="#666666">                       
    <p align="center" style="line-height: 20px"></font>
      

  2.   

    竖直平面内的弹性小球：
    http://jkisjk.vip.sina.com/html/balls.htm
      

  3.   

    谢谢!
    上面的图片可以换成flash吗？