jQueryのメッセージ
jQueryのメッセージプラグインを使用すると、簡単にカバー層にフィードバックメッセージを表示することができます。 一定期間後に自動的に消えますメッセージは、あなたが「OK」ボタンをクリックする必要はありません。 ユーザーがマウスを動かすか、隠された情報をスピードアップするために任意の場所をクリックすることができます。
プラグインのバージョンは現在1.0.0です。
jQueryのメッセージは、公式ウェブサイトをご覧くださいjQueryのメッセージプラグインをダウンロードしてください。
使用
メッセージウィジェットを使用するには、あなたがそれに渡されたパラメータとしてテキストの要素を表示したいテキストを選択します。
$(関数() {$()メッセージ( "こんにちは、世界!");. // または、 $( ".feedback」)メッセージ( );.});
いくつかのデフォルトのオプションがあります。 あなたが興味を持っている場合は、完全な次の例が示す表示することができます。
例のデモ
jQueryのメッセージプラグインのデモ。
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ 文字セット = "UTF-8">
<タイトル> jQueryのメッセージウィジェット </タイトル>
<リンク RELは = "スタイルシート" タイプ = "テキスト/ cssの" メディア = "画面" href = "http://jquery.bassistance.de/message/jquery.message.css" />
<スクリプト SRC = "http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" タイプ= "テキスト/ javascriptの"> </スクリプト>
<スクリプト SRC = "http://jquery.bassistance.de/message/jquery.message.js" タイプ= "テキスト/ javascriptの"> </スクリプト>
<スクリプト タイプ= "テキスト/ javascriptの"> $(関数(){$()メッセージ() "こんにちは、文書準備に!"; .. $( "#デモは「()関数の(e){e.preventDefaultを(提出); $()メッセージ($ ( "#メッセージ"。)のval());.})}); </ script>の
<スタイル タイプ = "テキスト/ cssの">
</スタイル>
</ HEAD>
<ボディ>
<H1 ID = "バナー"> jQueryのメッセージ ウィジェットのデモ </ H1>
<DIV ID = "メイン">
<フォーム ID = "デモ">
<入力 名前 = "メッセージ" ID = "メッセージ" />
<入力 =「送信」 を入力 値 = "メッセージ" />
</フォーム>
</ DIV>
</ BODY>
</ HTML>
»をお試しください