JS控制DIV移动
function doit() {var obj = document.getElementById("showMateriaList");
obj.style.left = event.x + 10;
obj.style.top = event.y + 10;
}
function test() {
document.body.onmousemove = doit;
}
<div runat="server" visible="false" id="showMateriaList" onclick="test()" style="padding:0px;margin:0px;width:600px;height:400px;left:0px;top:0px;background-color:blue;position:absolute;z-index:100;">
DATAGRID
</div>
现在DIV是可以随着移动但是怎么停下来,并且能对DIV内的GRID进行操作 --------------------编程问答-------------------- 不能停,
难道一点就会一直随着鼠标走? --------------------编程问答-------------------- 点了他就停不下来了郁闷~~~ --------------------编程问答-------------------- document.body.onmousemove = doit;
把onmousemove换成onmousedown方法,点击DIV就动了。 --------------------编程问答-------------------- 你把它放marquee标签里 设置一个onmousemove="this.stop()"
鼠标悬浮时停止移动。
不知道这样行不行 我没试过。不行别骂我啊 --------------------编程问答-------------------- 额 理解错误了 是随着鼠标走的。。。— —! --------------------编程问答-------------------- 现在能动 我要的是鼠标点下停下来对DIV里面的东西进行操作 --------------------编程问答--------------------
var i=0;
function doit() {
var obj = document.getElementById("showMateriaList");
obj.style.left = event.x + 10;
obj.style.top = event.y + 10;
}
function stop(){
i++;
if(i%2==0){
document.body.onmousemove = "";
}else{
document.body.onmousemove = doit;
}
}
function test() {
i++;
document.body.onmousemove = doit;
document.body.onclick = stop;
}
自己试了下,可以用,大致思路是这样,可以按自己需求再改 --------------------编程问答-------------------- 我来捧场! --------------------编程问答-------------------- --------------------编程问答-------------------- boxy --------------------编程问答-------------------- 在onmousedown:mouseleft=坐标-窗口的left,mousetop=坐标-窗口top,move=true;
在onmousemove:判断move是否为true;left = 坐标-mouseleft,top=坐标-mousetop
在onmouseup:move=false
补充:.NET技术 , ASP.NET