使用处理器

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