<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函數，用來周期的調用某一個函數-->
<!--如何確定擺動過程中的范圍是需要認真思考的-->