jquery scrollLeft auto？

Question

我要做的是，如果鼠标位于“下一个”按钮上方，它会以低速向右滚动，如果鼠标未在“下一个”按钮上方，它会停止滚动吗？

这是我的尝试http://jsfiddle.net/mdanz/nCCRy/14/

$(function() {

$('#next-button').hover(function() {
    $('#display-container').animate({
        'scrollLeft': '+=120px'
    }, '500');
});

});

Answer 1

查看jQuery的.stop()方法：

var $container = $('#display-container'),
    scroll = $container.width();
$('#next-button').hover(function() {
    $container.animate({
        'scrollLeft': scroll
    }, 500);
}, function(){
    $container.stop();
});

这是小提琴：http://jsfiddle.net/nCCRy/17/