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

发布于 2024-09-18 09:26:14 字数 656 浏览 6 评论 0原文

我目前有两个链接，两个箭头，一个向上，另一个向下，我想要它做的是滚动位于

中的内容，该内容被 < 屏蔽代码>

。

换句话说：

<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 后停止滚动。只要用户在上面的链接上按住鼠标按钮，我就希望它有动画效果。

任何帮助表示赞赏。谢谢。

原文

I currently have to two links, two arrows one pointing up and the other down, what I want it to do is scroll content located in <div id="scroller1"> which is masked by <div id="scroller">.

In other words:

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

My code looks like this:

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

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

What happens now is, it executes the animate properly, but stops scrolling after 5px. I want it to animate as long as user is holding the mouse button down on the link above.

Any help is appreciated. Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

累赘 2024-09-25 09:26: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

I believe something like this would work:

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


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

    return false;
});

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

    return false;
});

See this demo: http://jsfiddle.net/J9QNZ/2

回复收藏 0 原文

~没有更多了~