jQuery Message

jQuery Message 插件允許您很容易地在一個覆寫層顯示回報消息。消息會在一段時間後自動消失，不需要單擊"确定"按鈕等。使用者可以通過移動滑鼠或點選任何地方加快隐藏資訊。

該插件目前版本是 1.0.0。

通路 jQuery Message 官網，下載下傳 jQuery Message 插件。

使用方式

如需使用 Message 插件，請選擇要顯示文本的元素，把文本作為參數傳遞給它：

$ ( function ( ) { $ ( ) . message ( " Hello world! " ) ; // 或者 $ ( " .feedback " ) . message ( ) ; } ) ;

有幾個可用的預設選項。如果您有興趣，可以檢視下面完整的執行個體示範。

執行個體示範

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 >

嘗試一下 »