怎样能让图片框里的图片可以拖动

我想做一个类似于地图的东西，所以想让图片在img里可以拖动。或者在别的控件里也可以，最好用html完成。那位老鸟慷慨发言指导下？？

解决方案 »

  1.   

    <script LANGUAGE="JavaScript"> 
    bg = new Array(3); //设定图片数量2 
    bg = 'icon/1.gif' //显示的图片路径 
    bg = 'icon/2.gif' 
    bg = 'icon/3.gif' 
    index = Math.floor(Math.random()*bg.length); 
    document.write("<BODY BACKGROUND="+bg[index]+">"); 
    </script>
       <script   language="javascript"> 
        var   x,y,divLeft,divTop; 
        var   isMove   =   false; 
        function   MouseDown(obj) 
        { 
    isMove   =   true; 
    x   =   event.clientX; 
    y   =   event.clientY; 
    divLeft   =   obj.offsetLeft; 
    divTop   =   obj.offsetTop; 
        } 
        function   MouseMove(obj) 
        { 
    if(isMove) 
    { 
    obj.style.left   =   divLeft   +   event.clientX   -   x; 
    obj.style.top   =   divTop   +   event.clientY   -   y; 
    } 
        } 
        function   MouseUp(obj) 
        { 
    isMove   =   false; 
        } 
       
        </script><div   id="div1"   style="border:1px   solid   red;   left:200px;top:200px;width:100px;   height:100px;position:absolute"   onmousedown="MouseDown(this)"   onmousemove="MouseMove(this)"   onmouseup="MouseUp(this)"> 拖动试试看 </div>