0

メッセージを入力して送信できるこの PHP ベースのドキュメント (チャットボックス) があります。

今、メッセージが送信されたときにメッセージが入ってくるこのフェード アニメーションがあります。次のようになります。

Javascript:

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

体内で：

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

問題は、フェードアウトしないことです。コードに何をどこに追加する必要がありますか?

4

4 に答える 4

5

フェードアウトなどのエフェクトには、JQuery、Prototype、MooToolsなどのフレームワークを使用します。それらは、要素に効果を適用する方法の豊富な例を提供します。

于 2009-10-19T11:51:32.617 に答える
3

追加

<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!";
于 2009-10-19T11:59:56.403 に答える
1

要素を簡単にフェードインおよびフェードアウトできるjqueryを試してください。

$("#sent").fadeIn("slow");
$("#sent").fadeOut("slow");
于 2009-10-19T11:57:46.787 に答える
1

また、jquery のフェードインおよびフェードアウト機能を使用することをお勧めします。詳細な説明とコード サンプルについては、http: //docs.jquery.com/Effects/fadeOutにアクセスしてください。

于 2009-10-19T12:19:09.063 に答える