在htm页中有一张图片我想用javascript 让它在一组屏幕中的点集移动谁有啊?谢谢

谢谢

解决方案 »

  1.   

    <script>
    function moveStart (obj){
    var oObj = obj
    oObj.style.cursor="move"
    oObj.onmousemove = mousemove;
    oObj.onmouseup = mouseup;
    oObj.setCapture()
    var dragData = {x : event.clientX, y : event.clientY};
    var backData = {x : oObj.style.pixelTop, y :oObj.style.pixelLeft }
    function mousemove(){
    if(oObj.offsetLeft<=0){
    oObj.style.pixelLeft=0
    }
    if(oObj.offsetTop<=0)
    oObj.style.pixelTop=0
    if(oObj.offsetLeft+oObj.offsetWidth>=document.body.clientWidth){
    oObj.style.pixelLeft=document.body.clientWidth-oObj.offsetWidth
    }
    if(oObj.offsetTop+oObj.offsetHeight>=document.body.clientHeight)
    oObj.style.pixelTop=document.body.clientHeight-oObj.offsetHeight
     var iPixelLeft = event.clientX - dragData["x"] + oObj.style.pixelLeft;
     var iPixelTop = event.clientY - dragData["y"] + oObj.style.pixelTop;
     oObj.style.pixelLeft = iPixelLeft;
     oObj.style.pixelTop = iPixelTop;
     dragData = {x: event.clientX, y: event.clientY};   
    }
    function mouseup(){
     oObj.style.cursor="default"
     oObj.onmousemove = null;
     oObj.onmouseup = null;
     oObj.releaseCapture()
    }
    } 
    </script>
    <body style="overflow:hidden" >
    <div  style="position:absolute;background:none; top:400;left:200;" onMouseDown="moveStart(this);">
    <img src="bgMid_45.jpg" />
    </div>
    </body>