• <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • jQuery教程
    jQuery選擇器
    jQuery動畫效果
    jQuery節點操作
    jQuery事件
    jQuery HTML
    jQuery遍歷
    jQuery其他
    jQuery Ajax
    jQuery參考手冊
    jQuery實例
    jQuery插件

    jQuery Message插件

     

     

    jQuery Message 插件允許您很容易地在一個覆蓋層顯示反饋消息。消息會在一段時間后自動消失,不需要單擊"確定"按鈕等。用戶可以通過移動鼠標或點擊任何地方加快隱藏信息。

     

    該插件目前版本是 1.0.0。

     

    訪問 jQuery Message 官網,下載 jQuery Message 插件。

     

     

    使用方式


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

     

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


    有幾個可用的默認選項。如果您有興趣,可以查看下面完整的實例演示。

     

     

    實例演示


    jQuery Message 插件演示。

     

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>jQuery Message 插件</title>
    
    <link rel="stylesheet" type="text/css" media="screen"  rel="external nofollow" target="_blank"  />
    
    <script src="http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" rel="external nofollow"  type="text/javascript"></script>
    <script src="http://jquery.bassistance.de/message/jquery.message.js" rel="external nofollow"  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>

     

    全部教程
  • <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • 面对面棋牌游戏