javascript - 如何根据鼠标的位置滚动画廊？

Question

我想实现类似这个网站主页的东西:http://www.k2.pl/ .

画廊基本上会根据鼠标的位置移动。我想知道是否有图书馆可以做到这一点。如果没有，我如何使用 JavaScript 实现该效果？

非常感谢!

Answer 1

可以通过jquery获取鼠标位置，如下所示

$().mousemove(function(e){
// e.pageX - gives you X position
// e.pageY - gives you Y position
});

然后您可以使所有 div 成为绝对的，并在您的 javascript 中根据位置执行 div 的 x 转换。 http://www.w3schools.com/jsref/prop_style_transform.asp .请注意，您显示的示例页面还调整了 div 的大小，因此您可能需要检查位置与 window.width() 的相对比率。我四处搜索了一下，发现以下帖子和 fiddle 可能会让您入门:jQuery move divs according to mouse position , http://jsfiddle.net/sarathsprakash/M4SwL/17/