首页 > 代码库 > 图像碰撞代码,随意飘浮的图片
图像碰撞代码,随意飘浮的图片
- 图像碰撞代码,随意飘浮的图片代码,图片碰到网页边缘会继续弹跳起来,无规则漂浮运动,可作漂浮广告代码,使用时你可将页面内的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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。