Javascript 以编程方式更改元素'；s基于它的偏移量'；s自身大小和当前偏移量

我有一个如下的测试布局

<div id="parent">
    <div id="child">Hover me</div>
</div>

盘旋我

尝试编写一些代码，然后我们可以给出反馈。我们不想编写您的所有代码。@sumit，谢谢您回复我，但实际上我的意思是不使用css，但更新后的答案与第一个答案几乎相同，因为您将相同的样式属性移交给元素。