代码之家 › 专栏 › 技术社区 › Anriëtte Myburgh

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

jquery-animate css jquery

Anriëtte Myburgh · 技术社区 · 14 年前

我目前有两个链接,两个箭头一个指向上,另一个向下,我要它做的是滚动的内容位于 <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

感谢您的帮助。谢谢。

1 回复 | 直到 14 年前

Yi Jiang G-Man 14 年前

我相信这样做会奏效:

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