1.登录框
<div name="userLogin" id="userLogin" onmousedown="down(this.id)" onmousemove="move()" onmouseup="up()">
<div class="massage">
<div class="header" onmousedown="MDown(massage_boxbb)">
<div style="display:inline; width:150px;position:absolute">
登录
</div>
<span onClick=" userLogin.style.visibility='hidden';maskaa.style.visibility='hidden'" style="float:right; display:inline; cursor:hand"><font size='4'>×</font></span>
</div>
<center><table>
<tr><td>
<form action="" method="post"">
用户名:<input type="text" name="user"><br><br>
密码: <input type="password" name="password"><br><br>
<input type="submit" value="登录" name="submit" align="center">
</td></tr></center>
</form>
</table>
</div>
2.javascript实现div移动的功能
var isDrag=0;
var divMove;
var divAndMouseX;
var divAndMouseY;
//鼠标按下
function down(div){
isDrag=1;
divMove=div;
divAndMouseX=event.clientX-parseInt(document.getElementById(div).offsetLeft);
divAndMouseY=event.clientY-parseInt(document.getElementById(div).offsetTop);
}
//鼠标放开
function up(){
isDrag=0;
}
//移动div模块
function move(){
if(isDrag==1){
document.getElementById(divMove).style.left=event.clientX-divAndMouseX;
document.getElementById(divMove).style.top=event.clientY-divAndMouseY;
}
}
//控制div模块的显示和隐藏
function showDiv(div){
if(document.getElementById(div).style.display=='none'){
document.getElementById(div).style.display='block';
}
else{
document.getElementById(div).style.display='block';
}
}