?? 6-2.htm
字號:
<script language="JavaScript">
step = 0;<!--定義擺動的步長-->
obj = new Image();<!--定義圖片-->
function anim(xp,xk,smer)
{
<!--把x賦值為圖片當前左側坐標-->
obj.style.left = x;
<!--x按照smer定義的方向移動一個步長-->
x += step*smer;
<!--如果x在擺動中心右側-->
if (x>=(xk+xp)/2) {
<!--如果當前方向為正方向,步長將減小-->
if (smer == 1) step--;
<!--否則,步長將增加-->
else step++;
}
<!--如果x在擺動中心左側-->
else {
<!--如果當前方向為正方向,步長將增加-->
if (smer == 1) step++;
<!--否則,步長將減小-->
else step--;
}
setTimeout('anim('+xp+','+xk+','+smer+')', 50);
}
<!--圖像擺動函數,objID代表擺動的圖像ID,movingarea_width代表擺動的范圍,c表示-->
function moveLR(objID,movingarea_width,c)
{
<!--調用document.body.offsetWidth變量-->
window_width = document.body.offsetWidth;
obj = document.images[objID];<!--獲得objID代表的對象-->
image_width = obj.width;<!--獲得待擺動圖片的寬度-->
{
{
<!--如果擺動的寬度不為0,則首先計算出圖片擺動的最左側坐標-->
x = Math.round((window_width-movingarea_width)/2);
<!--然后計算出圖片擺動的最右側坐標-->
right_margin = Math.round((window_width+movingarea_width)/2)-image_width;
}
<!--調用anim()函數-->
anim(x,right_margin,1);
}
}
</script>
<img src="logo1.gif" name="picture"
style="position: absolute; top: 70px; left: 30px;" BORDER="0">
<script LANGUAGE="JavaScript"><!--
<!--每0.01秒調用一次moveLR函數,擺動的對象是picture,擺動寬度是300個象素,-->
setTimeout("moveLR('picture',300,1)",10);
</script>
<!--本例程用來實現圖片在當前窗口上的擺動。-->
<!--可以根據設置擺動函數的參數,可以實現擺動的模式,包括全窗口的擺動、窗口中心的擺動,以及給定擺動范圍的擺動-->
<!--設計中使用了settimeout函數,用來周期的調用某一個函數-->
<!--如何確定擺動過程中的范圍是需要認真思考的-->
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -