Werkzeug

Englisch[tu:l] US[tul]

n. Gerät, Werkzeug (hilfreich bei der Arbeit oder Erledigung von etwas) Gebrauchswerkzeug; verarbeiten...; herumfahren

vi Verwenden Sie Werkzeuge; fahren Sie mit dem Auto

Dritte Person Singular: Werkzeuge Präsens: Werkzeug Partizip Perfekt: Werkzeug

Tipp

英[tɪp]   美[tɪp]

vt. Tipp; Kippen; Top

Dritte Person: Tipps Partizip: Tipping Vergangenheitsform: Tipped Partizip Perfekt: Tipped

jQueryUI Tooltip-Methode Syntax

Funktion: Bewegen Sie den Mauszeiger über den Link oder verwenden Sie die Tabulatortaste, um durch die einzelnen Elemente zu blättern und sich darauf zu konzentrieren.

Hinweis: Tooltips können an jedes Element gebunden werden. Wenn Sie mit der Maus über ein Element fahren, wird das Titelattribut in einem kleinen Feld neben dem Element angezeigt, genau wie ein nativer Tooltip.

jQueryUI Tooltip-Methode Beispiel

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI 工具提示框(Tooltip) - 默认功能</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css">
  <script>
  $(function() {
    $( document ).tooltip();
  });
  </script>
  <style>
  label {
    display: inline-block;
    width: 5em;
  }
  </style>
</head>
<body>
 
<p><a href="#" title="部件的名称">Tooltips</a> 可被绑定到任意的元素上。当您的鼠标悬停在元素上时,title 属性会显示在元素旁边的一个小框中,就像原生的工具提示框一样。</p>
<p>但是由于它不是一个原生的工具提示框,所以它可以被定义样式。通过 <a href="http://themeroller.com" title="ThemeRoller:jQuery UI 的主题创建应用程序">ThemeRoller</a> 创建的主题也可以相应地定义工具提示框的样式。</p>
<p>工具提示框也可以用于表单元素,来显示每个区域中的一些额外的信息。</p>
<p><label for="age">您的年龄:</label><input id="age" title="年龄仅用于统计。"></p>
<p>悬停在相应的区域上查看工具提示框。</p>
 
 
</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen