<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="CSS/reset.css">
<link rel="stylesheet" href="CSS/login.css">
<script>
function getclassNa(clsName,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==clsName){
eles.push(elements[i]);
}
}
return eles;
}
window.onload=move;
function move(){
//获取logo框
var getheader =getclassNa("login_header")[0];
//拖曳
getheader.onmousedown = fnDown;
}
function fnDown(event){
event = event || window.event;
var getQQPanel =document.getElementById("login_webQQ"),
//获取鼠标的坐标
divl =event.clientX;
console.log(divl);
}
</script>
</head>
<body>
<div id="login_webQQ">
<div class="login_header clearfix">
<div></div>
<div></div>
</div>
<div>
<div>
<span>账 号:</span><input type="text" autocomplete="on" name="user" id="user" value="" placeholder="请输入QQ号或者邮箱" tabindex="1">
</div>
<div>
<span>密 码:</span><input type="text" autocomplete="off" name="password" id="password" value="" placeholder="请输入密码" tabindex="2">
</div>
</div>
<div>
<div></div>
<div>
<div class="login_state online_icon"></div>
<div></div>
<div>我在线上</div>
</div>
<ul style="display:none">
<li>
<span></span>
<span>我在线上</span>
</li>
<li>
<span></span>
<span>Q我吧</span>
</li>
<li>
<span></span>
<span>离开</span>
</li>
<li>
<span></span>
<span>忙碌</span>
</li>
<li>
<span></span>
<span>请勿打扰</span>
</li>
<li>
<span></span>
<span>隐身</span>
</li>
</ul>
</div>
</div>
</body>
</html>
