tu9.6.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 134 行

HTM
134
字号
<HTML>
<HEAD>
  <TITLE>前景动画</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var brOK=false;
var mie=false;  //判断是否是 IE
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();  //浏览器版本应大于等于 4.0
   mie=true;  //浏览器是 IE
}
 if(aname.indexOf("Netscape") != -1)  
{
  if(aver>=4)
    brOK=navigator.javaEnabled();  //浏览器版本应大于等于 4.0
}
}

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function Obj(objname,width,height)  //定义一个对象 Obj
{
 this.named=objname;
 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 moveobj(objname)  //移动对象
{
 if(brOK)
  {
   eval("obj="+objname);
   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;
    } 

   obj.xx=obj.xx+obj.vx;
   obj.yy=obj.yy+obj.vy;
   
   obj.vx+=vr*(Math.random()-0.5);
   obj.vy+=vr*(Math.random()-0.5);
   if(obj.vx>(vmax+vmin))  obj.vx=(vmax+vmin)*2-obj.vx;
   if(obj.vx<(-vmax-vmin))  obj.vx=(-vmax-vmin)*2-obj.vx;
   if(obj.vy>(vmax+vmin))  obj.vy=(vmax+vmin)*2-obj.vy;
   if(obj.vy<(-vmax-vmin))  obj.vy=(-vmax-vmin)*2-obj.vy;

   if(obj.xx<=pageX)
     {
      obj.xx=pageX;
      obj.vx=vmin+vmax*Math.random();
     }
   if(obj.xx>=pageX+pageW-obj.w)
     {
      obj.xx=pageX+pageW-obj.w;
      obj.vx=-vmin-vmax*Math.random();
     }
   if(obj.yy<=pageY)
     {
      obj.yy=pageY;
      obj.vy=vmin+vmax*Math.random();
     }
   if(obj.yy>=pageY+pageH-obj.h)
     {
      obj.yy=pageY+pageH-obj.h;
      obj.vy=-vmin-vmax*Math.random();
     }

   if(!mie)
      {
       eval('document.'+obj.named+'.top ='+obj.yy);
       eval('document.'+obj.named+'.left='+obj.xx);
      } 
   else
      {
       eval('document.all.'+obj.named+'.style.pixelLeft='+obj.xx);
       eval('document.all.'+obj.named+'.style.pixelTop ='+obj.yy); 
      }
   obj.timer1=setTimeout("moveobj('"+obj.named+"')",100);
}  
}

function stopme(objname)  //停止移动对象
{
if(brOK)
{
  eval("obj="+objname);
  if(obj.timer1!=null) clearTimeout(obj.timer1)
}
}
var obj1;
function pagestart()
{
checkbrOK();  
obj1=new Obj("obj1",60,80);  //新建一个 Obj 对象
if(brOK) 
  moveobj("obj1");
}
//-->
</SCRIPT>
<BODY onLoad="pagestart();" onUnload="if(brOK) stopme('obj1');">
<DIV ID="obj1" STYLE="position:absolute; width:110; height:76;"> 
  <DD><A HREF="advertisement.htm"><IMG SRC=".../images/snail.gif" WIDTH="64" HEIGHT="54" BORDER="0"></A></DD>
</DIV>
<H2 align=center>前景动画</H2>
<P>正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文</P>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?