当前页面: 开发资料首页 → Javascript 专题 → 如何拖动层
如何拖动层
摘要: 如何拖动层
下面是一个完整的HTML文档
<head>
<script>
var down = false;
function UpMouse(){
down = false;
}
var startX = 0; startY = 0;startLeft = 0;startTop = 0;
function MoveLayer(){
if (down){
thelayer.style.pixelLeft = startLeft+event.clientX-startX;
thelayer.style.pixelTop = startTop+event.clientY-startY;
formview.viewpos.value = X:+event.clientX+ Y:+event.clientY+
startX:+startX+ startY:+startY;
}//可以观察鼠标的运动
}
function DownMouse(){
if (!document.all) return true;//暂时只支持4.0以上的IE浏览器
if (event.srcElement.name==layermove){//对应要拖动的层的name
thelayer = event.srcElement;
down = true;
startX = event.clientX;
startY = event.clientY;
startLeft = thelayer.style.pixelLeft;
startTop = thelayer.style.pixelTop;
}
}
</script>
</head>
<body onmousedown=DownMouse() onmousemove=MoveLayer() onmouseup=U
<form name=formview>
<input name=viewpos value= 这里显示鼠标的运动轨迹 size=37 style
↑返回目录
前一篇:
检测变量类型
后一篇:
教你制作多彩的弹出式说明窗口