Question

所以这就是我得到的。

 <div class="box"></div>

 .box {
 position: absolute;
 left: 0;
 top: 0;
 width: 100px;
 height: 100px;
 background: yellow;
 }

 $(document).bind('mousemove', function(e){
 $('.box').css({
 top: e.pageY
 left:  e.pageX,
 });
 });

有效。该框遵循光标。问题是它遵循光标的EDGE。即，光标位于框的左上角。我希望它能够抓住盒子的中心，或者另一个不是边缘的点。任何想法如何做到这一点？

对不起，如果这个哑巴。我对HTML / CSS很好，但只是从javascript和jQuery开始。

Answer 1

请改用此代码

 $(document).bind('mousemove', function(e){
   $('.box').css({
     top: e.pageY - $(".box").height()/2, // just minus by half the height
     left:  e.pageX - $(".box").width()/2 // just minus by half the width
   });
 });

jQuery - 如何使div跟随光标......在其中心

1 个答案: