English 中文(简体)
履历
原标题:jquery .animate with timefunction

他......

i) 使用该升式码,用于 j:

function updown() {
    $( #red ).animate({top: +=100 }, 5000, function() {
        $( #red ).animate({top: -=100 },5000, function(){
            updown();
        });
    });
}

updown();

(以权宜之计)

取得这一结果:

但希望这样做:

wish

是否有办法认识到这一点?

regards, bernte

最佳回答

您可使用j Query delay(>或Javascript ssettimeout,以下简称:

function updown() {
    $( #red ).delay(7000).animate({top: +=100 }, 5000, function() {
        $( #red ).delay(3000).animate({top: -=100 },5000, function(){
            updown();
        });
    });
}
问题回答
function updown() {
    $( #red ).delay(3000).animate({top: +=100 }, 5000, function() {
        $( #red ).delay(7000).animate({top: -=100 },5000, updown});
    });
}

updown();

拖延是你想要的。 如上所示,要求把你想要等待的时间推向下个估算要求。 了解这一点,只延误工作。 如:

$("#red").delay(1000).css("display", "none");

将立即、而不是在1 000ms之后发出。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签