Latest web development tutorials

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>

»をお試しください