
js 拖动层
<html><body><style>div{position:absolute;left:100px;top:100px;width:200px;height:150p...
<html>
<body>
<style>
div{position:absolute;left:100px;top:100px;width:200px;height:150px;border:1px solid #000;
background:#000;height:18px;color:#fff;cursor:hand;
}
</style>
<script language="javascript">
var x0=0;
var y0=0;
var x1=0;
var y1=0;
var move=false;
function Todrag(info){
if(event.button==1){
info.setCapture();
var glo=info.parentNode;
x0=event.clientX;
y0=event.clientY;
x1=parseInt(glo.offsetLeft);
y1=parseInt(glo.offsetTop);
move=true;
}
}
function Dragging(info){
if(move){
var glo= info.parentNode;
glo.style.left= x1 + event.clientX - x0;
glo.style.top=y1 + event.clientY - y0;
}
}
function Dragged(info){
if(move){
info.releaseCapture();
move=false;
}
}
</script>
<div id="mydrag" onmousedown="Todrag(this)" onmousemove="Dragging(this)"
onmouseup="Dragged(this)">MyDrag</div>
</body>
</html>
不知道是哪里出错了?
此代码没报错,但是不能拖动div层, 展开
<body>
<style>
div{position:absolute;left:100px;top:100px;width:200px;height:150px;border:1px solid #000;
background:#000;height:18px;color:#fff;cursor:hand;
}
</style>
<script language="javascript">
var x0=0;
var y0=0;
var x1=0;
var y1=0;
var move=false;
function Todrag(info){
if(event.button==1){
info.setCapture();
var glo=info.parentNode;
x0=event.clientX;
y0=event.clientY;
x1=parseInt(glo.offsetLeft);
y1=parseInt(glo.offsetTop);
move=true;
}
}
function Dragging(info){
if(move){
var glo= info.parentNode;
glo.style.left= x1 + event.clientX - x0;
glo.style.top=y1 + event.clientY - y0;
}
}
function Dragged(info){
if(move){
info.releaseCapture();
move=false;
}
}
</script>
<div id="mydrag" onmousedown="Todrag(this)" onmousemove="Dragging(this)"
onmouseup="Dragged(this)">MyDrag</div>
</body>
</html>
不知道是哪里出错了?
此代码没报错,但是不能拖动div层, 展开
1个回答
展开全部
js脚本是不会报错的,你写错地方了,你那段js脚本要写在<head></head>标签里面,你把<head></head>标记都给去掉了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询