• <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 Tooltip插件

     

     

    jQuery Tooltip 插件取代了原生的工具提示框,讓它們可自定義,您只需要調整它們的內容、位置和外觀即可。

     

    該插件目前版本是 1.3,已經很長時間沒有更新,推薦使用 jQuery UI 工具提示框(Tooltip)。

     

    如需了解更多有關 jQuery UI 工具提示框(Tooltip)的細節,請查看 API 文檔 jQuery UI 工具提示框部件(Tooltip Widget)。

     

     

    實例演示

     

    jQuery Tooltip 插件演示。

     

    <!doctype html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>jQuery UI Tooltip - Default functionality</title>
      <link rel="stylesheet" >
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script>
      $(function() {
        $( document ).tooltip();
      });
      </script>
      <style>
      label {
        display: inline-block;
        width: 5em;
      }
      </style>
    </head>
    <body>
     
    <p><a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
    the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
    <p>But as it's not a native tooltip, it can be styled. Any themes built with
    <a  title="ThemeRoller: jQuery UI&apos;s theme builder application">ThemeRoller</a>
    will also style tooltips accordingly.</p>
    <p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
    <p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes."></p>
    <p>Hover the field to see the tooltip.</p>
     
     
    </body>
    </html>

     

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