Javascript 如何使用jquery设置HTML内容的动画。。

我有一个动态变化的HTMl文本。现在根据我的要求，我必须以动画形式显示它们，如淡入淡出和一些运动，但我没有意识到这一点。。 这是我的密码

<script type="text/javascript">
        var v = {};
        v[0] = "Your Text<br/>Hello";
        v[1] = "Your Text2<br/>Hello2";
        v[2] = "Your Text3<br/>Hello3";

        var i = 0;

        window.setInterval(function () {
            $("#dynamicMessage").html(v[i]);
            if (i == 2) {
                i = 0;
            } else {
                i = i + 1;
            }

        }, 10000);
</script>

var v={}；
v[0]=“您的文本
您好”；
v[1]=“你的短信2
你好”；
v[2]=“你的短信3
你好”；
var i=0；
window.setInterval（函数（）{
$（“#dynamicMessage”）.html（v[i]）；
如果（i==2）{
i=0；
}否则{
i=i+1；
}
}, 10000);

请看一下，让我知道如何在HTML中设置文本内容的动画。。

---

谢谢。

没有设置内容更改的动画。您可以做的是隐藏元素，更改其内容，然后淡入，如下所示。用户可能会觉得它是一样的

$("#dynamicMessage").hide().html(v[i]).fadeIn();

或

---

没有设置内容更改的动画。您可以做的是隐藏元素，更改其内容，然后淡入，如下所示。用户可能会觉得它是一样的

$("#dynamicMessage").hide().html(v[i]).fadeIn();

或

---

您可以结合使用

fadeOut（）

和

fadeIn（）

检查此演示-

更新

在@laruiss的回复中看到了这条评论：

“如果有其他方法可以显示从 “左”

---

我想我会给你编个密码。只需添加一些动画。选中它-

您可以结合使用

fadeOut（）

和

fadeIn（）

检查此演示-

更新

在@laruiss的回复中看到了这条评论：

“如果有其他方法可以显示从 “左”

---

我想我会给你编个密码。只需添加一些动画。检查它-

不要忘记清除超时（或清除间隔）

var v=[
“您的文字
您好”，
“你的短信2
你好”，
“你的短信3
你好”
],
i=0，
超时=空，
更改=功能（文本）{
var$dynamicMessage=$（“#dynamicMessage”）
.fadeOut（“慢”，函数（）{
$dynamicMessage.html（text.fadeIn（）；
});
如果（i==2）{
i=0；
}否则{
i=i+1；
}
timeout=window.setTimeout（函数（）{change（v[i]）；}，2000）；
}
变更（v[i]）；
$（window）.unload（函数（）{window.clearTimeout（超时）；timeout=null；}）；

---

不要忘记清除超时（或清除间隔）

var v=[
“您的文字
您好”，
“你的短信2
你好”，
“你的短信3
你好”
],
i=0，
超时=空，
更改=功能（文本）{
var$dynamicMessage=$（“#dynamicMessage”）
.fadeOut（“慢”，函数（）{
$dynamicMessage.html（text.fadeIn（）；
});
如果（i==2）{
i=0；
}否则{
i=i+1；
}
timeout=window.setTimeout（函数（）{change（v[i]）；}，2000）；
}
变更（v[i]）；
$（window）.unload（函数（）{window.clearTimeout（超时）；timeout=null；}）；

var v={}；
v[0]=“您的文本
您好”；
v[1]=“你的短信2
你好”；
v[2]=“你的短信3
你好”；
var i=0；
window.setInterval（函数（）{
$（“#dynamicMessage”）.fadeToggle（“slow”，function（）{
$（“#dynamicMessage”）.html（v[i]）.fadeToggle（'slow'）；
});
如果（i==2）{
i=0；
}否则{
i=i+1；
}
}, 4000);

注意：您也可以使用“fadeOut”和“fadeIn”代替“fadeToggle”

var v={}；
v[0]=“您的文本
您好”；
v[1]=“你的短信2
你好”；
v[2]=“你的短信3
你好”；
var i=0；
window.setInterval（函数（）{
$（“#dynamicMessage”）.fadeToggle（“slow”，function（）{
$（“#dynamicMessage”）.html（v[i]）.fadeToggle（'slow'）；
});
如果（i==2）{
i=0；
}否则{
i=i+1；
}
}, 4000);

---

注意：您也可以使用“fadeOut”和“fadeIn”代替“fadeToggle”

jQuery中有一个fadeIn、fadeOut效果，您可以使用它。这是一个show/hideThere的动画，在jQuery中是一个fadeIn，fadeOut效果，你可以使用它。这是一个show/hideThanks的动画。它正在工作。如果有其他方法，我可以显示从左边弹出的文本，并在小提琴中缓慢显示动画，我不确定你在问什么，但是使用jQuery UI，您可以使用幻灯片效果：谢谢..它可以工作..如果有其他方法，我可以显示从左侧弹出的文本，并像在小提琴中显示的那样缓慢地设置动画，我不确定您在问什么，但是使用jQuery UI，您可以使用幻灯片效果：

$("#dynamicMessage").fadeOut( "slow", function() {
    $("#dynamicMessage").html(v[i]).fadeIn('slow');
})

var v = [
        "Your Text<br/>Hello",
        "Your Text2<br/>Hello2",
        "Your Text3<br/>Hello3"
    ],
    i = 0,
    timeout = null,
    change = function (text) {
        var $dynamicMessage = $("#dynamicMessage")
            .fadeOut("slow", function() {
                $dynamicMessage.html(text).fadeIn();
            });
        if (i == 2) {
            i = 0;
        } else {
            i = i + 1;
        }
        timeout = window.setTimeout(function() {change(v[i]);}, 2000);
    }
change(v[i]);

$(window).unload(function() {window.clearTimeout(timeout); timeout = null;});

 var v = {};
    v[0] = "Your Text<br/>Hello";
    v[1] = "Your Text2<br/>Hello2";
    v[2] = "Your Text3<br/>Hello3";

        var i = 0;
        window.setInterval(function () {
        $("#dynamicMessage").fadeToggle( "slow", function() {
            $("#dynamicMessage").html(v[i]).fadeToggle('slow');
        });
        if (i == 2) {
            i = 0;
        } else {
            i = i + 1;
        }

    }, 4000);