尋找一個jQuery畫廊腳本，它根據鼠標位置移動元素（即滑動畫廊）

Question

我想根據鼠標位置製作一個左右滾動的畫廊。所以你把鼠標移到右邊，畫廊滾動左邊的東西。

謝謝，

亨利。

Answer 1

我覺得這不應該太難。如果您設置了滾動區域以包含圖像，則可以使用函數動畫向左和向右移動該圖像。然後，您可以獲取鼠標相對於您想要滾動的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'}); 




});