<script LANGUAGE="JavaScript">






function checkbrOK()
{

  
   <!--賦值給mie變量-->
    mie=true;
 }

var vmin=2;<!--聲明變量，速度的最小值-->
var vmax=5;<!--聲明變量，速度的最大值-->
var vr=0.02;<!--聲明變量，速度隨機變化的幅度-->
var timer1;<!--聲明變量，定時器-->

function Chip(chipname,width,height)
{this.named=chipname;<!--返回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)
{

  {eval("chip="+chipname);<!--將chipname賦值給chip-->
   <!--獲取當前窗口的橫坐標、縱坐標、以及寬度和高度-->
    {pageX=window.document.body.scrollLeft;
     pageW=window.document.body.offsetWidth-22;
     pageY=window.document.body.scrollTop;
     pageH=window.document.body.offsetHeight-34;
    }

   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.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();
     }

   
      {
      <!--更新圖片的橫坐標、縱坐標-->
      eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
       eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
      }
      <!--設定定時器，每0.05秒調用一次movechip函數-->
   chip.timer1=setTimeout("movechip('"+chip.named+"')",50);
  }
}





var chip1;<!--聲明變量-->

function pagestart()
{
<!--調用checkbrOK()函數-->
checkbrOK();
<!--調用Chip()函數，chip1的寬為117，高為75-->
 chip1=new Chip("chip1",117,75);
 <!--調用movechip()函數-->
 
   { movechip("chip1");
    }
}
</script>
<DIV id=chip1
style="height: 105; position: absolute; visibility: visible; width: 140; left: 180; top: 157">

<IMG border=0 class=bd  src="bike.jpg"></DIV> 
<SCRIPT event=onload for=window language=JavaScript>
pagestart();
</SCRIPT>

<!--本案例實現了走動的圖片-->
<!--對不同的瀏覽器分別編寫了相應的代碼-->
<!--圖片走動的速度是隨機變化的，遇到了窗口的邊界可以進行反彈-->
<!--調用了settimeout()函數完成了動畫設計-->