Question

我想用鼠标指针移动一个div，但div没有顺利移动。当指针越过div时，它将不会移动，直到指针离开div并且当它从div中出来时，div突然移动以获得那么多像素这就是我试过的

的CSS

#a
{
   width:400px;
   height:300px;
   background:yellow;
}
#b
{
   width:100px;
   height:100px;
   background:red;
}

HTML

<div id="a">
   <div id="b"></div>
</div>

jquery的

$(function(){
   $('#a').mousemove(function (e) {
      var offset = $(this).offset()
      var x = (e.pageX - offset.left);
      var y = (e.pageY - offset.top);
      $('#b').css({ left: x, top: y });
   }); 
});

Answer 1

您需要像这样添加position: absolute;：

#b
{
   position: absolute;
   width:100px;
   height:100px;
   background:red;
}

当指针位于div本身上方时，div不会随鼠标指针移动

1 个答案: