Result
よく見かけるやつです。
jQuery
function foo (bar) { //メッセージを表示する要素を探す if (jQuery("body").find("#infoBox").length == 0) { //メッセージを表示する要素 jQuery("body").prepend("<div id=\"infoBox\"></div>"); } //指定したテキストを要素に挿入、スライドダウンし、一定の時間たったらスライドアップ jQuery("body").find("#infoBox").text(bar).slideDown().delay(3000).slideUp(); } //表示させるテキスト foo('こんにちは!こんにちは!');
css
#infoBox{ height: 20px; background-color:#ffffff; width:100%; display:none;/*非表示にしておく*/ text-align:center; border-bottom:#2BBAE4 1px solid; }