DIV拖动实例

整理日期：2007年08月14日 【字体：大 中 小】

if (!e) e = window.event;
 if (dragok){
　d.style.left = dx + e.clientX - x + "px";
　d.style.top　= dy + e.clientY - y + "px";
　return false;
 }
}

function down(e){
if (!e) e = window.event;
var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
if (temp.tagName != "HTML"|"BODY" && temp.className != "dragclass"){
 temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
 }
//如果事件是发生在 TR标签,则..
if('TR'==temp.tagName){
//指向 TBODY 标签
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
//指向 TABLE 标签
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
//指向 DIV 标签,这样就可以移动啦
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
}

if (temp.className == "dragclass"){
 if (window.opera){
　document.getElementById("Q").focus();
 }
 dragok = true;
 temp.style.zIndex = n++;
 d = temp;