發新話題

[代碼] 移動的圖片

[代碼] 移動的圖片

複製內容到剪貼板
代碼:
<script language="JavaScript">
<!--
step = 0;
obj = new Image();
function anim(xp,xk,smer) //smer = direction
{
obj.style.left = x;
x += step*smer;
  if (x>=(xk+xp)/2) {
    if (smer == 1) step--;
       else step++;
    }
else {
    if (smer == 1) step++;
       else step--;
    }

if (x >= xk) {
       x = xk;
       smer = -1;
      }

  if (x <= xp) {
       x = xp;
       smer = 1;
      }
// if (smer > 2) smer = 3;
<!-- 改變下面括號中的數字以變換晃動的快慢,數值越大越慢//-->  
setTimeout('anim('+xp+','+xk+','+smer+')', 100);
}


function moveLR(objID,movingarea_width,c)
{

  if (navigator.appName=="Netscape") window_width = window.innerWidth;
     else window_width = document.body.offsetWidth;

  obj = document.images[objID];   
  image_width = obj.width;
  
  x1 = obj.style.left;
  x = Number(x1.substring(0,x1.length-2));   // 30px -> 30

  if (c == 0) {

           if (movingarea_width == 0) {
                           right_margin = window_width - image_width;
                anim(x,right_margin,1);
                        }                        
                 else {
                    right_margin = x + movingarea_width - image_width;
                        if (movingarea_width < x + image_width) window.alert("No space for moving!");
                               else anim(x,right_margin,1);
                }
   }
   else {
       if (movingarea_width == 0) right_margin = window_width - image_width;
                  else {
                     x = Math.round((window_width-movingarea_width)/2);
                         right_margin = Math.round((window_width+movingarea_width)/2)-image_width;
                 }
                anim(x,right_margin,1);
   }            
}


//-->
</script>
<!-- 改變SRC後的圖片名稱和路徑,改變TOP後的數字以改變圖像離頂端的距離-->
                  <img src="http://www.dk101.com/Discuz/images/logo.gif" name="" style='position: absolute; top: 111px; left:10001px;' border=0 id="picture">
                  <script language="JavaScript">

<!--改變PICTURE後的數字以變換晃動的幅度//-->
setTimeout("moveLR('picture',1000,1)",10);

</script>
[ 本帖最後由 蔡逸竹 於 2007-5-12 02:45 編輯 ]

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。