寻找一个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'});




 });