一、创建组件
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;