Javascript: Fade in and out

Question

У меня есть этот PHP-документ (chatbox), где вы можете ввести свое сообщение и отправить его.

Теперь у меня есть эта фатальная анимация, в которой приходит сообщение, когда отправляется сообщение. Похоже, это:

Javascript:

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

в организме:

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

Проблема заключается в том, то оно не гаснуть. Что мне нужно добавить в код и где?

Answer 1

Добавить

<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!"; 

Answer 2

Для таких эффектов, как затухание, используйте фрейм как JQuery, Prototype или MooTools. Они предоставят вам обширные примеры применения эффектов к элементам.

Answer 3

попробовать JQuery вы можете FadeIn и исчезать элемент Исли е:

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

Answer 4

Я также рекомендую вам использовать функцию jquery's fade in и fade out. для более глубокого объяснения и образцов кода, пожалуйста, перейдите: http://docs.jquery.com/Effects/fadeOut