                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

代碼錯(cuò)在哪？登錄框不會(huì)跟著鼠標(biāo)動(dòng)！

!DOCTYPE?html>
<html>
	<head>
		<meta?charset="UTF-8">
		<title></title>
		<style?type="text/css">
		#box{
			width:?400px;
			height:?250px;
			background-color:?#F0FFFF;
			border:?solid?cornflowerblue;
			top:?200px;
			left:?300px;
			position:?absolute;
		}
		#login{
			width:?400px;
			height:?30px;
			border-bottom:?solid?cornflowerblue;
			background-color:?cornflowerblue;
			margin-top:-18px;
		}
		#login?p{
			text-align:?center;
			color:#F0FFFF;
			font-weight:900;
			font-size:?large;
			
		}
		</style>
		<script?type="text/javascript">
		
			window.onload=drag;
			function?drag(){
				var?login=document.getElementById("login");
				login.onmousedown=fndown();
			}
			function?fndown(event){
				????event=event||window.event;
				????var?box=document.getElementById("box"),
					?divx=event.clientX-box.offsetLeft,
				?divy=event.clientY-box.offsetTop;						
				document.onmousemove=function(event){
					?event=event?||?window.event;
					var?box=document.getElementById("box");
					box.style.left=event.clientX-divx+'px';
					box.style.top=event.clientY-divy+'px';
				}
			}
		</script>
		
	</head>
	<body>
		<div?id="box">
			<div?id="login"><p>登錄</p></div>
		</div>
	</body>
</html>