如何使用jquery淡入淡出文本和css

我想做的是通过淡入淡出下一个文本和css，在特定时间内更改div的文本和css

当表单被提交时，我想在div中添加一个类，淡入css和“Number successfully added”的新文本大约3秒钟，然后淡出该文本，删除css并将旧文本放回原处

我的div将包含文本，并且需要添加一个类

<div id="form_result"></div>

我已经试过了，但是没有用…也许逻辑是错误的

$('#form_result').html('<h3>Number successfully added!!</h3>').addClass('form_result').fadeIn('fast').delay(1500).fadeOut('fast').removeClass('form_result').html('<h3>Please enter a number:</h3>');

$（'form\u result'）.html（'Number successfully added！！'））.addClass（'form\u result'）.fadeIn（'fast'）.delay（1500）.fadeOut（'fast'）.removeClass（'form\u result'）.html（'请输入一个数字：'）；

试试下面的js。它在JSFIDLE中运行良好

HTML

请输入一个数字

JS

function fade\u function（）
{
$（“#表单_结果”）.html（“已成功添加编号！！”；
$（'main_div'）。动画（{opacity:1.0}，3000，function（）{
$（“#表单_结果”）.html（“请输入一个数字”）；
});
}

试试下面的js。它在JSFIDLE中运行良好

HTML

请输入一个数字

JS

function fade\u function（）
{
$（“#表单_结果”）.html（“已成功添加编号！！”；
$（'main_div'）。动画（{opacity:1.0}，3000，function（）{
$（“#表单_结果”）.html（“请输入一个数字”）；
});
}

您是否正在尝试显示中的内容

<div id="form_result"></div>

回来

---

试一试

您是否正在尝试显示中的内容

<div id="form_result"></div>

回来

---

请尝试以下代码

$("form").submit(function () {
    $("#form_result").hide()
    $(this).before("<span class='msg'>Number successfully added!!</span>");
    $('.msg').fadeOut(1500);
    $("#form_result").fadeIn(1500)
});

$（“表单”）.submit（函数（）{
$（“#表单_结果”）.hide（）
$（此）.before（“已成功添加编号！！”）；
$（'.msg'）.fadeOut（1500）；
$（“#表格#结果”）。法代因（1500）
});

---

希望它会有用。

请尝试下面的代码

$("form").submit(function () {
    $("#form_result").hide()
    $(this).before("<span class='msg'>Number successfully added!!</span>");
    $('.msg').fadeOut(1500);
    $("#form_result").fadeIn(1500)
});

$（“表单”）.submit（函数（）{
$（“#表单_结果”）.hide（）
$（此）.before（“已成功添加编号！！”）；
$（'.msg'）.fadeOut（1500）；
$（“#表格#结果”）。法代因（1500）
});

---

希望它会有用。

它在我的JSFIDLE上的作用：它在我的JSFIDLE上的作用：这接近于我想要做的，但在动画中，我希望有这种风格“border:5px solid#FFF；background:#A7FC7C；”但在我想要为移除的css制作动画的3秒钟后，您可以使用jquery作为$（“#表单#结果”）应用css或addClass。addClass(“form_result”）。检查小提琴这与我想做的很接近，但在动画中，我希望有这种风格“border:5px solid#FFF；背景：#A7FC7C；“但是，在3秒钟之后，我想为正在移除的css制作动画。您可以使用jquery作为$（“#form_result”）.addClass（“form_result”）.addClass来应用css或addClass。检查小提琴，理想情况下，我会在淡入前淡出一条消息，理想情况下，我会在淡入另一条消息前淡出一条消息。”