Latest web development tutorials

مسج تلميح الأدوات

مسج تلميح الأدوات المساعد يستبدل مربع تلميح الأدوات الأصلي، بحيث يمكن الطلب، وتحتاج فقط لضبط محتوياتها، والموقع والمظهر يمكن أن يكون.

في المكونات هو النسخة الحالية 1.3 لم يتم تحديثها منذ فترة طويلة، فإننا نوصي مربع تلميح الأدوات مسج واجهة المستخدم (نصائح الأداة) .

لمزيد من المعلومات حول مربع تلميح الأدوات مسج واجهة المستخدم (نصائح الأداة)، راجع وثائق API مسج واجهة المستخدم عضوا مربع تلميح الأدوات (تلميح الأدوات والقطعة) .

أمثلة تجريبي

مسج تلميح الأدوات المكونات في المظاهرة. 

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery UI Tooltip - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//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 href="http://jqueryui.com/themeroller/" 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>