ps:先来一波美图
Tooltip的加载方式:
1,class加载
<a href="#" title="tooltip">hello word</a>
2,js 加载调用
$('#box').tooltip({
content : 'tooltip',
});
Tooltip的属性列表
$('#box').tooltip({
position : 'top', //消息框在当前元素的位置 left? right ? 默认是bootom
content : 'value ', // 需要提示的内容 String 值
trackMouse : true , // 为true时,可以跟随鼠标移动 默认false
deltaX : 100,
deltaY : 100, //水平和垂直方向提示框的位置 默认是0
showEvent : 'click', //当激活事件的时候显示提示框,默认mouseleave
hideEvent : ‘dblclick’, //当激活事件的时候显示提示框,默认为mouseleave
showDelay : 500, //延迟多少秒显示提示框 默认200
hideDelay : 500, //延迟多少秒隐藏提示框 默认100
});
Tooltip的事件列表
onShow : function(e){
//在现实提示框的时候触发
},
onHide : function(e){
//在隐藏提示框的时候触发
}.
OnUpdate : function(content){
//在提示框内容更新的时候触发
},
onposition : function(left,top){
//在提示框位置改变的时候触发
},
onDestroy : function(none){
//在提示框被销毁的时候触发
}
Tooltip的方法列表
$('#box').tooltip('options'); //返回属性对象
$('#box').tooltip('show'); //显示提示框
$('#box').tooltip('hide'); //隐藏提示框
$('#box').tooltip('update','new value '); //更新提示框提示的内容
$('#box').tooltip('tip'); //返回tip元素对象
$('#box').tooltip(‘destroy’); //销毁提示框
$('#box').tooltip(‘reposition’); //重置提示框位置
easyui 1.3.5 Tooltip组件完结