jQueryUIをはじめる方は必見、超簡単サンプル集～その3～

本日ラスト、５つめはTooltipです。

5.Tooltipのサンプルスクリプト

ユーザの入力補助機能としてつけておいてあげたいですね。

<html lang="ja">
<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>$(function(){$( document ).tooltip();});</script>
</head>
<body>
<p><a href="#" title="リンクに付随したツールチップです">Tooltips</a>
<p><input id="tool" title="inputタグに付随したツールチップです" /></p>
</body>
</html>

→リンクやテキストボックスにマウスオーバーするとヘルプが表示されます。