javascript - Javascript：淡入淡出

Question

我有这个基于 PHP 的文档（聊天框），您可以在其中输入消息并发送。

现在，我有这个淡入淡出动画，当发送消息时会出现消息。看起来像这样：

Javascript：

function stateChanged1() 
{ 
if (xmlHttp1.readyState==4)
{ 
document.getElementById("sent").innerHTML="Sent!";
document.writeform.message.value="";
chat();
}
}

在身体里：

<span id="sent"></span>

问题是它并没有消失。我必须在代码中添加什么以及在哪里添加？

Answer 1

对于像淡出这样的效果，请使用JQuery、Prototype或MooTools等框架。他们将为您提供如何将效果应用于元素的大量示例。

Answer 2

添加

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

到您的 HTML 并添加此 JavaScript 代码：

$("#sent").fadeOut("slow");

在这一行之后：

document.getElementById("sent").innerHTML="Sent!";

Answer 3

尝试 jquery，您可以轻松淡入和淡出元素 ei：

$("#sent").fadeIn("slow");
$("#sent").fadeOut("slow");

Answer 4

i also recommend that you should use jquery's fade in and fade out function. for a deeper explanation and code samples please goto: http://docs.jquery.com/Effects/fadeOut