Javascript 在鼠标悬停点拆分二合一图像

这是我在这里的第一篇文章，请耐心等待

我正在尝试实现一个分割“前后”图像（由两个在鼠标悬停点分割的图像组成），它响应WordPress网站上的鼠标悬停。我以前见过这样做的，所以我知道这是可能的，但是有没有我可以很容易地合并的实现（javascript等）？这里有一个模拟视频来演示我的意思：

---

提前谢谢你的帮助

我建议您使用两个位置相同的div（第二个位于另一个之上）。您可以通过样式

位置：绝对
来实现这一点

下DIV将您希望位于分割视图右侧的图像作为其背景图像。它的大小与图像的大小匹配，并且保持不变

上一个具有左侧的图像作为其背景图像。它的宽度不断调整以匹配鼠标位置。后者是通过Javascript注册一个
onmousemove
事件来实现的。
这里有一个jQuery的小例子：
看看这个：很棒的脚本，谢谢！有没有一种方法可以让它响应鼠标悬停，而不必点击鼠标？那太好了。