嘿嘿，这个层简单点，就是觉得用的事件太多了，三个事件啊老大，为一个拖动值吗？
不过本人觉得很适合初学者，注释写得更详细了，而且当你拖动的时候页面会即时显示鼠标在窗口的xy点和在层上的xy点，很容易理解
望高手批阅，谢谢
<html>
<head>
<title>康董--我也写个拖动层！</title>
<script language="javascript">
var x=null;
var y=null;
var KangTao=0;
function Tao_Div(e)
{
KangTao=1;x=e.offsetX; //得到鼠标在层上的x点
y=e.offsetY;
var xx=document.getElementById("xx");
xx.innerHTML=("鼠标在层上的坐标：X=" +x+ "  Y=" + y);
}
function Mouse_xy(event)
{
var MouseX=event.clientX; //得到鼠标在游览器窗口的x点
var MouseY=event.clientY; if(KangTao==1)
{
myDiv1.style.left = MouseX - x+"px"; //实时改变myDiv的位置，鼠标在窗口中的点减去鼠标在层中的点，得到绝对位置
myDiv1.style.top = MouseY - y+"px";
var xxx=document.getElementById("x");
xxx.innerHTML=("鼠标在窗口中的X坐标：" +MouseX+ "鼠标在窗口中的Y坐标：" + MouseY );
}
}
</script>
</head>
<body οnmοusemοve=Mouse_xy(event) οnmοuseup=KangTao=0;>
<div id="myDiv1" style="left:10%;top:20%;border:dotted 1px;width:100pt;position:absolute" οnmοusedοwn='Tao_Div(event);'>拖拖拖</div>
<div id="x"></div>
<div id="xx"></div>
</body></html>
82
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
