?? 6-4.htm
字號:
<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()函數完成了動畫設計-->
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -