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你可以轻易地淡化和淡出一个元素e.i：

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

Answer 4

我还建议您使用jquery的淡入和淡出功能。如需更深入的解释和代码示例，请转到：http://docs.jquery.com/Effects/fadeOut

Javascript：淡入淡出

4 个答案: