码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-07-28 14:34:33      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   使用   os   io   

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

 

图像碰撞代码,随意飘浮的图片,布布扣,bubuko.com

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

标签:style   blog   http   java   color   使用   os   io   

原文地址:http://www.cnblogs.com/youtianxia/p/3872592.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!