位置：首页>> 网络编程>> JavaScript>> Mootools 1.2教程(19)——Tooltips（2）

Mootools 1.2教程(19)——Tooltips（2）

作者：Fdream　来源：Fdream博客　发布时间：2008-12-25 13:26:00　

标签：Mootools,Tooltip,插件,提示,javascript

选项

在Tips类中总共只有五个选项，每个都有很好的自解释性（也就是一看就明白什么意思了）。

showDelay

默认值为100

一个以毫秒为单位的整数，这将决定工具提示在鼠标移动到元素上面多久后再显示出来。

hideDelay

默认值为100

和上面的showDelay一样，不过这个值（也是以毫秒为单位）将决定当鼠标离开元素多久以后隐藏工具提示。

className

默认为null

就像你在上面的示例中看到的一样，这可以让你为工具提示容器设置一个CSS类名。

offsets

默认为 x:16, y:16

这将决定工具提示离你的元素的距离，x值为离元素往右的距离，y为离元素往下的距离（如果指定了fixed选项为false，将是相对于鼠标指针的距离，否则将是相对于元素的距离）。

fixed

默认为false

这个设置决定了当你的鼠标在元素上面移动时，这个工具提示是否跟随鼠标。如果设置为true，工具提示将不随鼠标指针的移动而移动，而只是停留在元素的附近固定的位置。

事件

和这个类的其他东西一样，工具提示的事件仍然非常简单。它有两个事件：onShow和onHide，它们将会像你期待的那样工作。

onShow

这个事件将在工具条显示的时候触发。如果你设置了延时，这个事件将在直到工具提示显示出来时触发。

onHide

和上面的onShow事件一样，相对地，它是在工具提示隐藏时触发。如果设置了延时，这个事件也将在直到工具提示隐藏起来时触发。

方法

Tips类有两个方法——attach和dettach，通过这两个方法，你可以给一个指定的元素添加一个工具提示（当然了，这些工具提示会有相同的设置），或者从一个特定的元素上移除工具提示。

.attach();

要给一个新的元素添加一个工具提示，你只需要在Tip对象的后面加上.attach();，最后再把这个元素的选择器放在括号里面。

参考代码：

toolTips.attach('#tooltipID3');

.dettach();

这个方法和.attach方法一样，不过它们的行为完全相反。首先，写下Tip对象，然后在这个元素的后面添加上.dettach()；，最后把这个元素的选择器放在括号里面。