jquery - 鼠标悬停时保持增加或减少css“左”值

Question

这与 Netflix 的画廊滑块非常相似。在将鼠标悬停在箭头上时，我想通过增加或减少其 left 属性来将 div#galleryImages 向左或向右移动，并不断增加，直到鼠标移出。本质上这是我想做的，但我不确定如何：

    $(".goRight").mouseover(function() {
        $("galleryImages").css('left', keep decreasing)  
    }

    $(".goRight").mouseover(function() {
        $("galleryImages").css('left', keep increasing)
    }

谢谢，这是小提琴：

http://jsfiddle.net/exxDW/5/

Answer 1

您将增加和减少应用于 .goRight 类。我认为应该是 .goLeft

var pos = 400;

$(".goRight").mouseover(function() {
    pos+=20;
    $("galleryImages").css('left', pos)  
}

$(".goLeft").mouseover(function() {
    pos-=20;
    $("galleryImages").css('left', pos)
}