当前位置:编程学习 > C#/ASP.NET >>

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
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,