0

嗨，当我需要制作这个脚本时，我遇到了 Jquery 的问题：

我在网站上有 2 个 div，我必须循环更改它们的内容。我有3个不同的内容。

计划的功能：

1. 第一个内容显示在左 div
2. 隐藏最后一个显示内容并在右 div 中显示第二个内容
3. 隐藏最后一个显示内容并在左 div 中显示第三个内容
4. 隐藏最后一个显示内容并在右 div 中显示第一个内容
5. 隐藏最后一个显示内容并在左 div 中显示第二个内容
6. 隐藏最后一个显示内容并在右 div 中显示第三个内容
这些仍然在循环中，逻辑上有些延迟。有一次我只需要可见 1 个内容。

因为我需要淡入淡出效果，所以我需要 JQuery，而不仅仅是 JS。我的各种尝试都失败了，不值得展示。

有人能帮我吗？

4

1 回答 1

2

fadeOut并且fadeIn两者都接受动画完成后将触发的回调函数。您可以使用它们以循环方式触发动画。

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

演示

当前状态也可能是 order 数组中固有的，它可能比上面带有index变量的解决方案更整洁。

演示

于 2013-04-29T07:04:56.097 回答