您的位置:首页 > 其它

网页浮动小窗口拖动功能【兼容火狐和ie6 测试通过】

2009-02-02 16:27 531 查看
onmousedown="divBlock_event_mousedown(arguments[0])"放在要拖动div的标签内

<script language="javascript">
function divBlock_event_mousedown(e) {
var e, obj, temp;

obj = document.getElementById("gonggao"); //要拖动的窗口ID
e = window.event ? window.event : e;
obj.startX = e.clientX - obj.offsetLeft;
obj.startY = e.clientY - obj.offsetTop;

document.onmousemove = document_event_mousemove;
temp = document.attachEvent ? document.attachEvent("onmouseup",
document_event_mouseup) : document.addEventListener("mouseup",
document_event_mouseup, "");
}

function document_event_mousemove(e) {
var e, obj;

obj = document.getElementById("gonggao");
e = window.event ? window.event : e;

with (obj.style) {
left = e.clientX - obj.startX + "px";
top = e.clientY - obj.startY + "px";
}
}

function document_event_mouseup(e) {
var temp;

document.onmousemove = "";
temp = document.detachEvent ? document.detachEvent("onmouseup",
document_event_mouseup) : document.removeEventListener("mouseup",
document_event_mouseup, "");
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: