在鼠标悬停时继续增加或减少css“left”值

Question

这与Netflix的图库滑块非常相似。鼠标悬停在箭头上我希望通过增加或减少其左侧属性来向左或向右移动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)
}