2013-04-29 50 views
0

您好我有jQuery的问题时,我需要让这个脚本:显示/隐藏2个div的有3页不同的内容在周期

我在网站2个的div,我必须在周期改变它们的内容。我有3个不同的内容。

计划功能:

1月1日的内容显示在左边的div
2.隐藏上届展会conent,并显示在右格第二内容
3.隐藏上届展会conent,并显示在左侧DIV第三内容
4.隐藏上届展会conent,并显示在右格
5.隐藏上届展会conent 1内容,并显示在左格
6.隐藏上届展会conent第二内容,并显示在右格
3含量而这些仍处于周期,逻辑上有一些延迟。有一次,我只需要看到1个内容。

因为我需要fadin/fadeout效果,所以我需要JQuery,不仅仅是JS。 我的各种尝试都失败了,不值得展示。

有人可以帮助我吗?

+3

后的东西,你做了..至少应HTML,这样我们就离不开它再次...对HTML的工作,我相信用户在这里,WIL花费不多于4秒的有时间 – bipen 2013-04-29 06:44:34

+0

我的最后一次尝试是使它没有“for”或某种其他类型的循环,以进行测试。 http://jsfiddle.net/UDFZs/ – 2013-04-29 07:01:13

回答

2

fadeOutfadeIn都接受回调函数,一旦动画完成后,将触发。您可以使用它们以循环方式触发动画。

function cycle() { 
    // determine current and next element 
    current.fadeOut(function() { 
     next.fadeIn(cycle); 
    }); 
} 

Demo

当前状态也可以是顺序排列,其可以是比使用上述的可变index溶液整洁在固有的。

Demo

+0

看来,这正是我想要的。现在是时候尝试一下了,如果一切都按顺序进行并给予赞成并接受这个答案。感谢它。 – 2013-04-29 07:15:06

+0

所以它再次感谢。我只加了一些延迟。我赞成你的回答并接受它。 – 2013-04-29 10:09:39