网络时空 | 网页特效

特效说明

多张图片在页面上有规律地飞舞，而且都可带链接，很有用的哟

特

效

代

码

var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;

var vmin=2;
var vmax=5;
var vr=2;
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-20;
     pageY=window.pageYOffset;
     pageH=window.innerHeight-20;
    }
   else
    {pageX=window.document.body.scrollLeft;
     pageW=window.document.body.offsetWidth-20;
     pageY=window.document.body.scrollTop;
     pageH=window.document.body.offsetHeight-20;
    }

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(document.layers)
      {eval('document.'+chip.named+'.top ='+chip.yy);
       eval('document.'+chip.named+'.left='+chip.xx);
      } 
   else if (document.all)
      {eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
       eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); 
      }
   else if (document.getElementById)
      {document.getElementById(chip.named).style.left=chip.xx;
       document.getElementById(chip.named).style.top =chip.yy; 
      }
   chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
  }
}

function stopme(chipname)
{if(brOK)
  {//alert(chipname)
   eval("chip="+chipname);
   if(chip.timer1!=null)
    {clearTimeout(chip.timer1)}
  }
}

</script>
<script>

var chip1;
var chip2;
var chip3;
//add or delete more variables, depending on how many images you're using

function pagestart()
{checkbrOK(); 
 chip1=new Chip("chip1",60,80);
 chip2=new Chip("chip2",60,80);
 chip3=new Chip("chip3",60,80);
 //add or delete more of the above, depending on how many images you're using
 if(brOK) 
   { movechip("chip1");
     movechip("chip2");
     movechip("chip3");
     //add or delete more of the above, depending on how many images you're using
   }
}

</script>
<DIV ID="chip1" STYLE="position:absolute; width:88; height:31;">
<A HREF="http://www.k688.com"><IMG SRC="http://www.k688.com/logo1.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:72; height:51;">
<A HREF="http://www.k688.com"><IMG SRC="images/butterfly.gif" BORDER=0></a>
</DIV>
<DIV ID="chip3" STYLE="position:absolute; width:140; height:60;">
<A HREF="http://www.k688.com"><IMG SRC="images/bao.gif" BORDER=0></a>
</DIV>

@_⌒ 特效预览 @_⌒

预览：