菜鸟请教 一个很简单 很简单的 问题 ！！！！

在html中加 javascript。 能达到这样的目的：网页中显示了一张图片，用鼠标点击一下这张图片。这张图片就移动了一个位置，比如说跑到初始位置的右边。本人只是一个菜鸟，我随便举一个例子：
比如刚开始图片的位置为：左上角坐标（100,100），右下角（200,200）。
用鼠标点击之后就 变为： 左上角坐标（100,300），右下角（200,400）。我只是打个比方而已， 只是想知道怎么用 javascript  来实现这样一种功能？？？？？？

解决方案 »

  1.   

    <div id="d" style="width:100px;height:30px;background:#111;position:absolute;left:0px;" onmouseover="over();"></div>
    <script type="text/javascript">
       var ol,tm,obj,firstl;
      function move(){
           if(!obj) obj = document.getElementById("d");
             if(parseInt(obj.style.left) - firstl >=100){ clearInterval(tm);return ;}
            ol = parseInt(obj.style.left);
          obj.style.left = ++ol + "px";
              
       }
       function over(){
               firstl = parseInt(document.getElementById("d").style.left);
              tm = setInterval(move, 10);
         }
    </script>
      

  2.   

    img放在div中，然后改变div的left,top 且要设置样式<div style="position:absolute"/>
      

  3.   

    1楼  的不错，记得加上绝对定位position:absolute
      

  4.   


    只改变左上角的坐标就可以了，如果图片改变了大小就考虑右下角了
    也就是说改变位置，四个角选一个即可
    用css+js
    position: absolute;
    z-index: 9999;
    left: 100px;
    top: 300px;
    js就用style.position = "absolute";
    style.zIndex = "9999";
    style.left = "100px";
      

  5.   


    <html>
    <head>
    <script type="text/javascript">
    var pos1x=100;
    var pos1y=100;
    var pos2x=500;
    var pos2y=300;

    var posFlag=true;
    function changePos(div)
    {
    if(posFlag)
    {
    div.style.left=pos2x+"px";
    div.style.top=pos2y+"px";
    posFlag=!posFlag;
    }
    else
    {
    div.style.left=pos1x+"px";
    div.style.top=pos1y+"px";
    posFlag=!posFlag;
    }
    }

    </script>
    </head>
    <body>
    <div style="position:absolute;width:200;height:200;background-color:#cdef12;left:100px;top:100px;" onclick="changePos(this);">
    <img src="2.gif"></img>
    </div>
    </body>
    </html>
    头 一次给别人回复正经的帖子啊