jquery - 需要使用处理程序连续执行

Question

我目前有两个链接，两个箭头一个向上，另一个向下，我想要它做的是滚动位于 <div id="scroller1"> 的内容。被 <div id="scroller"> 掩盖了.

换句话说:

<div id="scroller">
    <div id="scroller1">...</div>
</div>

我的代码是这样的:

$("a.mouseover_up").mousedown(function () {
var currentMargin = $("#scroller1").css("marginTop");
currentMargin = currentMargin.replace("px","");

$("#scroller1").animate({"marginTop": (currentMargin - 5) + "px"});
return false;
});

现在发生的是，它执行 animate正确，但在 5px 后停止滚动。只要用户在上面的链接上按住鼠标按钮，我就希望它具有动画效果。

感谢任何帮助。谢谢。

Answer 1

我相信这样的事情会奏效:

var timeout;
var clicker = $('#clicker');


clicker.mousedown(function(){
    timeout = setInterval(function(){
        // Go up!
    }, 500);

    return false;
});

clicker.mouseup(function(){
    clearInterval(timeout);

    return false;
});

查看此演示:http://jsfiddle.net/J9QNZ/2