/**
?*?Created?by?sofiaZ?on?18/3/22.
?*/


?window.onload=drag();


//將獲取類名封裝起來(lái)，IE10以前的瀏覽器不兼容getElementByClassName()
/*
function??getByClass(clsName,parent){??//必選的參數(shù)寫在前面
????var?oParent=document.getElementById(parent),
????????eles=[];
????????console.log(oParent);
????????elements=oParent.getElementsByTagName("*");
????for(var?i=?0,?l=elements.length;?i<l;i++){??//可以同時(shí)聲明多個(gè)變量
????????if(clsName==elements[i].className){
????????????eles.push(elements[i]);
????????}
????}
????return?eles;
}
*/

//在標(biāo)題區(qū)域按下時(shí)，頁(yè)面移動(dòng)；釋放鼠標(biāo)時(shí)，停止移動(dòng)
function?drag(){
????//var?oTitle=getByClass("login_logo_webqq","loginPanel")[0];
????var?oTitle=document.getElementsByClassName("login_logo_webqq")[0];
????//onmousedown在用戶按下任何鼠標(biāo)按鈕時(shí)觸發(fā)
????oTitle.onmousedown=fnDown;
}
?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;
?????//移動(dòng)
?????document.onmousemove=function(event){
?????????event=event?||?window.event;
?????????fnMove(event,disX,disY);
?????}
?}
function?fnMove(e,PosX,PosY){
????var?l=?e.clientX-PosX,
????????b=?e.clientY-PosY,
????????oDrag=document.getElementById("loginPanel");
????oDrag.style.left=l+"px";
????oDrag.style.top=b+"px";

}