Javascript：淡入淡出

我有这个基于PHP的文档（聊天室），您可以在其中键入您的消息并发送它。Javascript：淡入淡出

现在，我有这个淡入淡出的动画，消息发送时消息进来。看起来是这样的：

的Javascript：

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

体内

：

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

的问题是那么它不是淡出。我需要添加哪些代码以及在哪里？

来源

2009-10-19 Deniz Zoeteman

您的'淡出'代码在哪里？在张贴的片段中淡入淡出无关。 – bobince 2009-10-19 12:33:34

添加

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

到HTML，并添加这段JavaScript代码：

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

在此之后line：

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

来源

2009-10-19 11:59:56 powtac

Works。但速度很慢，速度很快。而我的代码奇怪的是，如果我再次发送消息，它将不会显示'发送！'文本再次。你需要一些额外的脚本吗？ – 2009-10-19 12:27:38

要显示“发送！”消息再次使用$（“＃sent”）。fadeIn（“fast”）; – powtac 2009-10-19 12:50:53

在哪里放... ...？ – 2009-10-19 15:16:37

对于淡出效果，请使用类似JQuery,Prototype或MooTools的框架。他们将为您提供充足的示例如何将效果应用于元素。

来源

2009-10-19 11:51:32

jQuery使用情况。 – 2009-10-19 11:54:30

+1提及可用于解决此问题的各种框架 – 2009-10-19 12:33:03

尝试jQuery的你可以淡入和淡出元素伊斯利EI：

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

来源

2009-10-19 11:57:46

我还建议你应该使用jQuery的淡入和淡出功能。有关更深的解释和代码示例请转到：http://docs.jquery.com/Effects/fadeOut

来源

2009-10-19 12:19:09 ufk

Javascript：淡入淡出

回答

相关问题