一个用js做得飘窗

最新推荐文章于 2024-04-03 09:01:13 发布

overmind

最新推荐文章于 2024-04-03 09:01:13 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： html+javascript 文章标签： function javascript internet null border timer

本文链接：https://blog.youkuaiyun.com/overmind/article/details/290841

html+javascript 专栏收录该内容

61 篇文章

订阅专栏

博客展示了一段JavaScript代码，用于实现浮动元素的动画效果。代码中定义了检查浏览器环境、创建浮动元素对象、移动元素和停止元素移动等函数，通过随机速度和边界检测，让元素在页面内浮动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div z-Index:5>
    <DIV id=no1 style="position:absolute; width:184px; height:120px; z-index:550; left: 627px; top: 17px; visibility: visible; ">
       <a href="/homepage123.jsp" target=_blank>
          <IMG border=0 src="http://www.cgdc.com.cn/jsp/images/piaochuang.gif">
      </a>
    </DIV>
</DIV>
</CENTER>

<SCRIPT language=javascript>
window.onload=no1;
var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;
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=2;
var vmax=5;
var vr=2;
var timer1;
function Chip(chipname,width,height)
{
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}
function movechip(chipname)
{
if(brOK)
{
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;
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX)
{chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w)
{chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
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+"')",200);
}
}
function stopme(chipname)
{if(brOK)
{//alert(chipname)
eval("chip="+chipname);
if(chip.timer1!=null)
{clearTimeout(chip.timer1)}
}
}
var no1;
var chip;
function no1()
{checkbrOK();
no1=new Chip("no1",190,100);
if(brOK)
{ movechip("no1");
}
}
</SCRIPT>