<!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>
2016-08-03
for(var?i=0,l=elements.length;i<l;i++)
i<l?