書式
tooltipObj = new Tips(className, option)tooltipObj : ツールチップオブジェクト
className : スタイルシートクラス名
option : オプション
説明
| maxTitleChars | 最大表示文字数 |
| showDelay | 表示までの時間 |
| hideDelay | 消えるまでの時間 |
| className | スタイルシートクラス名(指定したものに-tip, -title, -textが付加されたものが使用される） |
| offsets | オフセット(x,yプロパティ) |
| fixed | 表示位置を固定するかどうか（true : 固定する、false : 固定しない） |
Ajaxライブラリ リファレンスサンプルコード [実行]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/mootools.js" charset="shift_jis"></script>
<script type="text/javascript"><!--
window.addEvent("domready", function(){
var myTips = new Tips($$(".toolTip"), {
className : "tooltipClass"
});
});
// --></script>
</head>
<body>
<h1>ツールチップを表示</h1>
<div id="content1" class="toolTip" title="ツールチップが表示されます">
ここにマウスを乗せると...</div>
<div>
</body>
</html>