XJdZOg

index.html

<div class="asd"><div class="ms"></div></div>
<div class="coor"></div>

script.js

$(".asd").mousemove(function(e){
   var parentOffset = $(this).parent().offset(); 
   //or $(this).offset(); if you really just want the current element's offset
   var relX = e.pageX - parentOffset.left;
   var relY = e.pageY - parentOffset.top;
  
  $(".coor").empty().append(relX, "-", relY);
  var crds={
    left:relX,
    top:relY
  }
  $(".ms").css(crds);
});

style.css

.asd {width: 500px; height: 200px; background: #ccc;}
.ms {position: absolute; width: 25px; height: 25px; background: #16f; border-radius: 15px; box-shadow: 3px 3px 5px #333; margin: -20px;}

XJdZOg.markdown

XJdZOg

A Pen by Captain Anonymous on CodePen.

License.