淡入淡出使用jquery在栏内淡出

Question

我创建了具有文本效果的展开和折叠栏作为淡化淡出。但是，每当我刷新页面时，这种效果都不会被正确触发，当我在2,3秒后关闭栏时，该栏会展开并显示消息。如果您看到此demo

你可以看到我正在谈论的内容。如果消息处于关闭模式，我不确定如何隐藏消息，如果消息处于扩展模式则显示消息。任何建议都会很棒。

.message_after_login {display: none;
                                  text-align: center;
                                  color:white;
                                  font-size:24px;
                                  position: relative;
                                  left:0px;
                                  right:0px;

            }

谢谢， 维基

Answer 1

在你的代码中你有这个：

function shownextmessage() {
    ++message_index;
    message.eq(message_index % message.length)
        .fadeIn(2000)
        .delay(2000)
        .fadeOut(2000, shownextmessage);
 }

您正在使用$ .eq中的模数选择要设置动画的文本...一旦fadeOut完成，您重新启动该函数...因此它在循环中运行1和2以及1和2 ...... to message.eq因此文本继续滚动......

由于您的问题实际上不包含问题，也没有说明您希望实现的目标，因此我只能解释为什么会发生这种情况并且无法提供解决方案。