首页 > 代码库 > 图像碰撞代码,随意飘浮的图片

图像碰撞代码,随意飘浮的图片

  • 图像碰撞代码,随意飘浮的图片代码,图片碰到网页边缘会继续弹跳起来,无规则漂浮运动,可作漂浮广告代码,使用时你可将页面内的JS代码封装,在使用时调用即可。
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>上谷战国红</title></head><body><script language="javascript">var brOK=false;var mie=false;var aver=parseInt(navigator.appVersion.substring(0,1));var aname=navigator.appName;var mystop=0;var step=0.2;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=1.5;var vmax=3;var vr=2;var timer1;function Chip(chipname,width,height){this.named=chipname;this.vx=vmin+vmin;this.vy=0;this.w=width;this.h=height;this.xx=0;this.yy=0;this.timer1=null;}function movechip(chipname){if(brOK && mystop==0){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-8;pageY=window.document.body.scrollTop;pageH=window.document.body.offsetHeight-4;} chip.xx=chip.xx+chip.vx;chip.vy=chip.vy+step;chip.yy=chip.yy+chip.vy;if(chip.xx<=pageX){chip.xx=pageX;chip.vx=vmin;}if(chip.xx>=pageX+pageW-85){chip.xx=pageX;chip.vx=vmin;chip.yy=pageY;chip.vy=vmin+vmax;}if(chip.yy>(pageY+pageH-chip.h)){chip.yy=pageY+pageH-chip.h;chip.vy=-chip.vy*0.65;}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+"‘)",40);}}function stopme(flag){brOk=true;mystop=flag;movechip("tome");}var tome;var chip;function tome(){checkbrOK(); tome=new Chip("tome",80,80);if(brOK && mystop==0) { movechip("tome");}}ns4=(document.layers)?true:false;ie4=(document.all)?true:false;function cncover(){if(ns4){    document.cnc.left=window.innerWidth/2-400;    eval(document.cnc.top=document.+chip.named+.top);    document.cnc.visibility="show";    stopme(1);    mytime=setTimeout("cncout()",3000);    }else if(ie4)     {    document.all.cnc.style.left=window.document.body.offsetWidth/2-200;    document.all.cnc.style.top=parseInt(document.all.tome.style.top);    document.all.cnc.style.visibility="visible";    stopme(1);    mytime=setTimeout("cncout()",3000);    }}function cncout(){clearTimeout(mytime);if(ns4){    document.cnc.visibility="hide";    stopme(0);    }else if(ie4)     {    document.all.cnc.style.visibility="hidden";    stopme(0);    }}onload=tome</script><div id="tome" style="position:absolute;"><a href="/" target="_blank"><img src="/jscss/demoimg/wall_s3.jpg" border=0 width="119" height="89"></a></div></body></html>