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