jQueryメッセージ
jQuery Message
jQuery Message プラグインを使用すると、フィードバック メッセージをオーバーレイに簡単に表示できます。メッセージはしばらくすると自動的に消えますので、「OK」ボタンなどをクリックする必要はありません。ユーザーは、マウスを移動するか任意の場所をクリックすることで、情報をすばやく非表示にすることができます。
このプラグインの現在のバージョンは 1.0.0 です。
jQuery Message 公式 Web サイトにアクセスし、jQuery Message プラグインをダウンロードします。
使い方
メッセージプラグインを使用したい場合は、テキストを表示したい要素を選択し、テキストをパラメータとして渡してください:
$( 関数() {
$().メッセージ("Hello world!")//または;
$(".フィードバック").メッセージ();});
デモの例
jQuery Message プラグインのデモ。
インスタンス<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Message 插件</title>
<link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/message/jquery.message.css" />
<script src="http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/message/jquery.message.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$().message("Hello world, on document ready!");
$("#demo").submit(function(e) {
e.preventDefault();
$().message($("#message").val());
})
});
</script>
<style type="text/css">
</style>
</head>
<body>
<h1 id="banner">jQuery Message 插件演示</h1>
<div id="main">
<form id="demo">
<input name="message" id="message" />
<input type="submit" value="显示消息" />
</form>
</div>
</body>
</html>
インスタンスの実行 »「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
