function getByClass(claName,parent){

var oParent = parent?document.getElementById(parent):document,

eles = [],

elements = oParent.getElementsByTagName('*');

for(var i=0,l=elements.length; i<l; i++){

if(elements[i].className == claName){

eles.push(elements[i]);

}

}

return eles;

}

window.onload = drag;

function drag(){

var oTitle = getByClass("login_logo_webqq","loginPanel")[0];

oTitle.onmousedown = fnDown;

}

//拖動(dòng)鼠標(biāo)時(shí)，觸發(fā)的事件函數(shù)

function fnDown(event){

event = event || window.event;

var oDrag = document.getElementById('loginPanel'),

//光標(biāo)按下時(shí)，光標(biāo)和面板之間的距離。

disX = event.clientX - oDrag.offsetLeft;

disY = event.clientY - oDrag.offsetTop;

// document.title = disY;

document.onmousemove = function(event){

event = event || window.event;

fnMove(event,disX,disY);

}

}

function fnMove(e,posX,posY){

var oDrag = document.getElementById('loginPanel'),

l = e.clientX - posX,

t = e.clientY - posY,

winW = document.documentElement.clientWidth || document.body.clientWidth,

winH = document.documentElement.clientHeight || document.body.clientHeight,

maxW = winW - oDrag.offsetWidth-10,

maxH = winH - oDrag.offsetHeight;

document.title = t;

if(l<0){

l = 0;

}else if(l>maxW){

l = maxW;

}

if(t<0){

t = 10;

}else if(t>maxH){

t = maxH;

}

oDrag.style.left = l + 'px';

oDrag.style.top = t + 'px';

}