一段时间后jquery动画效果

时间:2012-02-19 15:43:17

标签: jquery

我想要div动画效果。 例如: - 我有两个div,div A, div B Div A会在页面左侧显示文字abc,并在10秒后淡入,然后在页面Div B的右侧显示文字ghi,并在10秒后再次淡出出现左侧div等等.... 任何人都可以帮忙,如何继续这样做。

1 个答案:

答案 0 :(得分:2)

查看jQuery网站:http://api.jquery.com/delay/

这是一个基本的例子:

function animateDivs1() {
    $('div#divOne').delay(800).fadeIn(400);
    $('div#divTwo').delay(800).fadeOut(400);
    animateDivs2();
}

function animateDivs2() {
    $('div#divOne').delay(800).fadeOut(400);
    $('div#divTwo').delay(800).fadeIn(400);
    animateDivs1();
}

animateDivs1();

你也可以在这里看到它:http://jsfiddle.net/hPNjn/