我创建的div用鼠标点击后怎么位置移动了？

 我来答

6个回答

#合辑# 面试问优缺点怎么回答最加分？

duomo6161
2011-09-26 · TA获得超过151个赞

知道答主

回答量：117

采纳率：0%

帮助的人：119万

我也去答题访问个人页

关注

展开全部

<html>
 <head>
  <title>移动Div</title>
  <style type="text/css" rel="stylesheet">
   #movediv{
    width:100px;height:100px;position:absolute;border:1px solid #000;background:#EAEAEA;
    cursor:pointer;
    text-align:center;
    line-height:100px;
    left:100px;
    top:10px;
   }
  </style>
  <script language="javascript" type="text/javascript">
   var _IsMousedown = 0;
   var _ClickLeft = 0;
   var _ClickTop = 0;
   function moveInit(divID,evt)
   {
    _IsMousedown = 1;
    if(getBrowserType() == "NSupport")
    {
     return;
    }
    var obj = getObjById(divID);
    if(getBrowserType() == "fox")
    {
     _ClickLeft = evt.pageX - parseInt(obj.style.left);
     _ClickTop = evt.pageY - parseInt(obj.style.top);
    }else{
     _ClickLeft = evt.x - parseInt(obj.style.left);
     _ClickTop = evt.y - parseInt(obj.style.top);
    }
   }
   function Move(divID,evt)
   {
    if(_IsMousedown == 0)
    {
     return;
    }
    var objDiv = getObjById(divID);
    if(getBrowserType() == "fox")
    {
     objDiv.style.left = evt.pageX - _ClickLeft;
     objDiv.style.top = evt.pageY - _ClickTop;
    }
    else{
     objDiv.style.left = evt.x - _ClickLeft;
     objDiv.style.top = evt.y - _ClickTop;
    }
    
   }
   function stopMove()
   {
    _IsMousedown = 0;
   }
   function getObjById(id)
   {
    return document.getElementById(id);
   }
   function getBrowserType()
   {
    var browser=navigator.appName
    var b_version=navigator.appVersion
    var version=parseFloat(b_version)
    //alert(browser);
    if ((browser=="Netscape"))
    {
     return "fox";
    }
    else if(browser=="Microsoft Internet Explorer")
    {
     if(version>=4)
     {
      return "ie4+";
     }
     else
     {
      return "ie4-";
     }
    }
    else
    {
     return "NSupport";
    }
   }
  </script>
 </head>
 <body>
  <div id="movediv" style="left:20px;top:20px;" onmousedown="moveInit('movediv',event);" onmousemove="Move('movediv',event)" onmouseup="stopMove()" onmouseout="stopMove()">move</div>
 </body>
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

fsp8525
2016-04-28 · TA获得超过101个赞

知道答主

回答量：231

采纳率：100%

帮助的人：46.7万

我也去答题访问个人页

关注

展开全部

这种不可能是软件问题,这现象说明鼠标有跳帧情况,自己偏移了,鼠标微动已经坏掉了,贵的就换微动,30以下直接扔了

已赞过 已踩过<

评论收起

江西新华电脑校
2015-12-18 · TA获得超过365个赞

知道小有建树答主

回答量：1093

采纳率：0%

帮助的人：252万

我也去答题访问个人页

关注

展开全部

全部选中div啊，然后推动到你想移的位置就可以了啊

已赞过 已踩过<

评论收起

wangkaihehe
2016-03-28 · TA获得超过762个赞

知道小有建树答主

回答量：336

采纳率：50%

帮助的人：106万

我也去答题访问个人页

关注

展开全部

用css控制例如
<style type="text/css">
div{
width:auto;
height:auto;
top:auto;
left:auto;
right:auto;
bottom:100px;
}
</style>

已赞过 已踩过<

评论收起

STYZYREAL
2016-02-18

知道答主

回答量：49

采纳率：0%

帮助的人：16.4万

我也去答题访问个人页

关注

展开全部

说详细一点啊。。。。代码贴上来也行

已赞过 已踩过<

评论收起

更多回答（4）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

我创建的div用鼠标点击后怎么位置移动了？

其他类似问题

为你推荐：