2010-09-08 42 views
2

需要不斷地執行我現在有兩個環節,兩個箭頭指向一個向上和其他下來,我想要它做的是位於<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後滾動。我希望它爲用戶握住鼠標按鈕,上面的鏈接,只要動畫。

任何幫助表示讚賞。謝謝。

回答

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

+0

謝謝,這工作一種享受! – 2010-09-08 13:46:26