<div id=MoveDiv onmousedown=MDown(MoveDiv)><iframe src=”http://#” width=200 height=200 frameborder=0></iframe></div><script>
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMovefunction MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}function MMove(){
if(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}function MUp(){
if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}
</script>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <style>
    #elLayer{
    position:absolute;visibility:hidden;left:0;top:0;layer-background-color:#eee;background-color:#eee;border:2px black solid;width:200;cursor:move;font-size:10pt;font-family:sans-serif;padding:5px;
    }
    </style>
    </HEAD>
    <BODY>
    <IMG NAME="ph" ID="ph" SRC="" WIDTH=200 HEIGHT=110 BORDER=0 ALIGN="RIGHT"><DIV ID=elLayer><CENTER><iframe></iframe><br><br></CENTER></DIV>
    <SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
    var DL_bNS4=(document.layers);
    var DL_bNS6 = (navigator.vendor == ("Netscape6") || navigator.product == ("Gecko"));
    var DL_bDOM=(document.getElementById);
    var DL_bIE=(document.all);
    var DL_bIE4=(DL_bIE && !DL_bDOM);
    var DL_bMac = (navigator.appVersion.indexOf("Mac") != -1);
    var DL_bIEMac=(DL_bIE && DL_bMac);
    var DL_bIE4Mac=(DL_bIE4 && DL_bMac);
    var DL_bNS =(DL_bNS4 || DL_bNS6);var DL_nCurrentX = 0;
    var DL_nCurrentY = 0;function DL_fGetRealLeft(oElement)
    {
        var nXPos = oElement.offsetLeft;
        var oParentEl = (DL_bIE4Mac) ? oElement.parentElement : oElement.offsetParent;    while (oParentEl != null)
    {
    if(DL_bIE4Mac)
    {
    if(oParentEl.tagName=="SPAN")
    {
    oParentEl = oParentEl.parentElement;
    }
    if(oParentEl.tagName=="HTML")
    {
    break;
    }
    }        nXPos += oParentEl.offsetLeft;
    oParentEl = (DL_bIE4Mac) ? oParentEl.parentElement : oParentEl.offsetParent;
        }
        return nXPos;}
    function DL_fGetRealTop(oElement)
    {
        var nYPos = oElement.offsetTop;
        var oParentEl = (DL_bIE4Mac) ? oElement.parentElement : oElement.offsetParent;
    while (oParentEl != null)
    {
    if(DL_bIE4Mac)
    {
    if(oParentEl.tagName=="SPAN")
    {
    oParentEl = oParentEl.parentElement;
    }
    if(oParentEl.tagName=="HTML")
    {
    break;
    }
    }
        nYPos += oParentEl.offsetTop;
    oParentEl = (DL_bIE4Mac) ? oParentEl.parentElement : oParentEl.offsetParent;
        }
        return nYPos;
    }if(DL_bNS4)
    {
    var DL_bOrigWidth=innerWidth;
    var DL_bOrigHeight=innerHeight;
    window.onresize=function(){
    if(innerWidth!=DL_bOrigWidth||innerHeight!=DL_bOrigHeight)location.reload();
    }
    var DL_oLayer=document.elLayer;
    DL_oLayer.captureEvents(Event.MOUSEDOWN);
    DL_oLayer.onmousedown=DL_fGrabEl;
    DL_oLayer.moveTo(document.images["ph"].x,document.images["ph"].y);
    DL_oLayer.visibility="show"
    }
    else
    {
    if(DL_bDOM)
    {
    DL_oLayer=document.getElementById('elLayer');
      DL_oPH=document.getElementById('ph');
    }
    else
    {
    DL_oLayer = window["elLayer"];
      DL_oPH=window["ph"];
    } DL_oLayer.onmousedown=DL_fGrabEl;
    DL_oLayer.onselectstart=DL_fCheckEl;
    DL_fPositionLayer();
    DL_oLayer.style.visibility="visible";
    if(DL_bNS6)window.onload = DL_fPositionLayer;
    }function DL_fPositionLayer()
    {
    DL_oLayer.style.left = DL_fGetRealLeft(DL_oPH) + "px";
    DL_oLayer.style.top = DL_fGetRealTop(DL_oPH) + "px";
    }function DL_fGrabEl(e) {
    var oDoc = document;
    DL_nCurrentX = (DL_bNS) ? e.pageX : (event.clientX + oDoc.body.scrollLeft);
        DL_nCurrentY = (DL_bNS) ? e.pageY : (event.clientY + oDoc.body.scrollTop);
    if(DL_bNS4)oDoc.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
    oDoc.onmousemove = DL_fMoveEl;
    oDoc.onmouseup = DL_fDropEl;
    return false;
    }function DL_fMoveEl(e) {
    var oDoc = document;
    var nNewX = (DL_bNS) ? e.pageX : (event.clientX + oDoc.body.scrollLeft);
        var nNewY = (DL_bNS) ? e.pageY : (event.clientY + oDoc.body.scrollTop); var nDistanceX = (nNewX - DL_nCurrentX);
        var nDistanceY = (nNewY - DL_nCurrentY);
        DL_nCurrentX = nNewX;
        DL_nCurrentY = nNewY; if (DL_bNS4) {
    DL_oLayer.moveBy(nDistanceX,nDistanceY);
    }
    else
    {
    DL_oLayer.style.left = parseInt(DL_oLayer.style.left) + nDistanceX;
    DL_oLayer.style.top = parseInt(DL_oLayer.style.top) + nDistanceY;
        }
    return false;
    }function DL_fDropEl() {
    if(DL_bNS) {document.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP)}
    document.onmousemove = document.onmouseup = null;
    return false;
    }function DL_fCheckEl() {return false}var DL_bHasApplet = ((location.href.indexOf('4.html')!=-1) && !DL_bIEMac);
    if(DL_bHasApplet)
    {
    var DL_sAppstr="I am a small Java Applet, used for text display.";
    window.onload=function(){
    if(navigator.javaEnabled())document.dynamictextApp.setText(DL_sAppstr);
    }
    }
    //end
    </SCRIPT>
    </BODY>
    </HTML>