jquery - 寻找一个根据鼠标位置移动元素的jQuery画廊脚本（即滑动画廊）

Question

我想制作一个根据鼠标位置左右滚动的画廊。所以你向右移动鼠标，画廊向左滚动。

谢谢，

亨利。

Answer 1

我认为这应该不会太难。如果您设置一个滚动区域来包含图像，您可以使用函数 animate 左右移动它。然后，您可以获得鼠标相对于您要滚动的 div 的位置，并根据鼠标的位置计算您希望它移动多少。这不会做你想要的，但会做类似的事情：

$().mousemove( function(e) {

    var pos = $("#holder").offset()
    mouseX = e.pageX - pos.left; 
    mouseY = e.pageY - pos.right;
    if(mouseX > 332 || mouseY > 528 || mouseX < 0 || mouseY < 0) return false;

    posx = Math.round(mouseX/10)*332;
    posy = Math.round(mouseY/10)*10;



    $("#holder").css({'backgroundPosition': posx+'px 0'});




 });