Jquery根据鼠标悬停的位置移动图像x和y

时间:2015-06-05 21:31:04

标签: jquery css jquery-plugins hover

我正在尝试在容器内创建一个图像,该容器延伸到容器之外,这样如果我将鼠标放在容器上,图像将朝着鼠标的方向移动。如果我的鼠标靠近容器的边缘,图像将移动得更快,如果它更接近容器的中间,图像将根本不移动。

与此处标记的正确答案类似:Move the background image on mouse over (Single Parallax)但我不希望鼠标移动控制图像的移动方式,我希望鼠标位置控制图像的移动方式。这意味着如果鼠标位于图像的一侧但没有移动,则图像将继续向左滚动,直到图像的右侧位于容器的右侧。

我发现了类似的插件,但它们只是用作滑块,只能在x轴或y轴上工作 - 抱歉,我试了半个小时再次找到一个例子而且无法:(

是否有人知道任何可以执行此操作的插件?非常感谢!

1 个答案:

答案 0 :(得分:0)

找到一个插件,几乎可以完成我需要做的事情。 https://github.com/mjfisheruk/jquery.pan

3种不同的模式,边缘平移是我想要使用的模式。比例也很有帮助。