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


?window.onload=drag();


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

//在標題區域按下時，頁面移動；釋放鼠標時，停止移動
function?drag(){
????//var?oTitle=getByClass("login_logo_webqq","loginPanel")[0];
????var?oTitle=document.getElementsByClassName("login_logo_webqq")[0];
????//onmousedown在用戶按下任何鼠標按鈕時觸發
????oTitle.onmousedown=fnDown;
}
?function?fnDown(event){
?????event=event?||?window.event;
?????var?oDrag=document.getElementById("loginPanel"),
?????????//光標按下時光標和面板之間的距離
?????????disX=event.clientX-oDrag.offsetLeft,
?????????disY=event.clientY-oDrag.offsetTop;
?????//移動
?????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";

}