效果展示

效果展示

HTML框架

HTML框架

JavaScript框架

JavaScript框架

var x = e.pageX - logn.offsetLeft;

 var y = e.pageY - logn.offsetTop;

其中x,y返回的是鼠标在盒子内部的位置，是一个定值

那鼠标再移动的话，获取鼠标相对页面的位置，分别减去x，y把值给当前盒子的定位属性

注意transform: translate(-50%, -50%);会改变子盒子的锚点（一些位置负值也正常）