EasyUI Tooltip组件使用指南：加载方式、属性、与方法.pdfVIP

第6章Tooltip(提示框)组件

学习要点:

1.加载方式

2.属性列表

3.列表

4.方法列表

主讲:恢

本课程由北风网和瓢城Web

本节课重点了解EasyUI中Tooltip(提示框)组件的使用方法，这个组件不依赖于其他

组件。

一.加载方式

=title=这是

//class加载方式ahref

一个提示信息！class=easyui-tooltip悬停我/a

//JS加载调用

$(#box).tooltip({

content:这里可以输入提示内容,

});

二.属性列表

Tooltip属性

属性名值说明

位置字符串消息框位置。默认bottom，还有left、right、top

内容字符串消息框内容。默认为null，可以包含HTML标签

鼠标布尔值为true时，允许提示框跟随鼠标移动。默认为false

deltaXnumber水平方向提示框的位置。默认为0

deltaYnumber垂直方向提示框的位置。默认为0

showEventstring当触发时显示提示框。默认为mouseenter

hideEventstring当激活时显示提示框。默认为mouseleave

showDelaynumber延时多少秒显示提示框。默认200

hideDelaynumber延时多少秒隐藏提示框。默认100

//属性设置

第6章Tooltip(提示框)组件

学习要点：

1.加载方式

2.属性列表

3.列表

4.方法列表

主讲：恢

本课由北风网和瓢城Web

本节课重点了解EasyUI中Tooltip(提示框)组件的使用方法，，这个组件不依赖于其

他组件。

一．加载方式

//class加载方式

ahref=title=这是一个提示信息！

class=easyui-tooltipHoverMe

/a

//JS加载调用

$(#box).tooltip({

content:这里可以输入提示内容,

});

二．属性列表

Tooltip属性

属性名值说明

positionstring消息框位置。默认bootom，还有left、right、top

contentstring消息框内容。默认为null，可以包含html

trackMouseboolean为tre时，允许提示框跟随鼠标移动。默认为false

deltaXnumber水平方向提示框的位置。默认为0

deltaYnumber垂直方向提示框的位置。默认为0

showEventstring当激活的时候显示提示框。默认为mouseenter

hideEventstring当激活的时候显示提示框