EasyUI系列学习(六)-Tooltip（提示框）_html/css_WEB-ITnose

一、创建组件

0.Tooltip不依赖其他组件

1.使用class加载

Hover me

2.使用js加载

Hover me

二、属性

1.position：消息框位置（left，right，top，默认bottom）

Hover me

2.content：消息框内容，可以是html

Hover me

3.trackMouse：为true时，允许提示框跟鼠标移动

Hover me

4.deltaX，deltaY：提示框具体左上角的位置

Hover me

5.showDelay，hideDelay延时多少毫秒显示/隐藏提示框，默认是200

Hover me

6.showEvent，hideEvent：激活显示/隐藏事件时候的提示框，默认为mouseenter，mouseleave

Hover me

三、事件

1.onShow，onHide：在显示/隐藏提示框的时候触发

Hover me

2.onUpdate：在提示框内容更新时触发，默认content为null

Hover me

3.onPosition：在提示框位置被改变的时候触发

Hover me

4.onDestroy：在提示框被撤销的时候触发

Hover me

四、方法

1.options：返回属性对象

2.show，hide：显示/隐藏提示框

Hover me

3.update：更新content的内容

Hover me

4.tip：返回tip元素对象；arraw返回箭头元素对象（实际就是提示框生成的两个div）

Hover me

5.reposition：重置提示框位置

Hover me

五、组件默认值

$.fn.tooltip.defaults.position = "right";