|
此文章由 荒山 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 荒山 所有!转贴必须注明作者、出处和本声明,并保持内容完整
如下代码可以浮动Iframe, 不知道Firefox支持否
<head>
<script>
function handleDropEvent(oEvent) {
switch(oEvent.type) {
case "dragover":
case "dragenter":
oEvent.returnValue = false;
}
}
function dragging()
{
var o
o=document.getElementById('bbb')
var x=window.event.clientX ;
var y=window.event.clientY;
o.style.left = parseInt(oLeft)+parseInt(x)-parseInt(X0);
o.style.top=parseInt(oTop)+parseInt(y)-parseInt(Y0);
o.style.left = parseInt(oLeft)+parseInt(x)-parseInt(X0);
}
var X0,Y0,oLeft,oTop,w_width
function dragmouse_down()
{
var o
o=document.getElementById('bbb')
//o.style.cursor='pointer'
oLeft=PopWindowGetLeftPos(o)
oTop=PopWindowGetTopPos(o)
X0= window.event.clientX ;
Y0=window.event.clientY;
//alert("aaaa")
o.dragDrop()
//o.style.cursor='pointer'
}
function PopWindowGetTopPos(inputObj)
{
var returnValue = inputObj.offsetTop;
while((inputObj = inputObj.offsetParent) != null){
returnValue += inputObj.offsetTop;
}
return returnValue;
}
function PopWindowGetLeftPos(inputObj)
{
var returnValue = inputObj.offsetLeft;
while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
return returnValue;
}
</script>
</head>
<body ondragenter="handleDropEvent(event)"
ondragover="handleDropEvent(event)"
ondragleave="handleDropEvent(event)"
ondrop="handleDropEvent(event)">
<div>
<input type="button" value="Start" onclick="startWorking()"/>
</div>
<span style="position:absolute; background:blue" id="ccdd" ondragover="dragging()" onmousedown="dragmouse_down()">ffff</span>
<span style="position:absolute; background:red" id="bbb" ondragover="dragging()" onmousedown="dragmouse_down()">
<div><input style="width:30" type="text" />
<iframe name="myFrame" src="http://www.google.com.au" height="200" width="200" />
</div>
</span>
</body>
</html> |
|