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

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

2024-07-14 09:40:41   219人阅读

  • 图像碰撞代码，随意飘浮的图片代码，图片碰到网页边缘会继续弹跳起来，无规则漂浮运动，可作漂浮广告代码，使用时你可将页面内的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>

 


联系
我们