/**
 * 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";

}