easyUI tootip组件使用
easyUI tootip组件使用：
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>Document</title>
<script src="easyui/jquery.min.js"></script>
<script src="easyui/jquery.easyui.min.js"></script>
<script src="easyui/locale/easyui-lang-zh_CN.js"></script>
<script src="js/test006.js"></script>
<link rel="stylesheet" href="easyui/themes/default/easyui.css">
<link rel="stylesheet" href="easyui/themes/icon.css">
</head> <body style="margin:20px">
<a class="easyui-tooltip" herf="#" title="this is title">hover on</a>
<a href="#" id="box">hover 2 on</a>
<div id="pox" style="border: 1px solid #ccc;width:200px;height:200px">div hover 2 on</div>
</body> </html>
$(function(argument) {
var obj = {
content: '<strong>this is content</strong>', //tooltip显示的内容，支持html语法
// position:'top',//toptip显示的位置；
trackMouse: true, //追踪鼠标位置,如果position是top，跟踪鼠标的时候可能会使位置变成bottom；
// deltaX: 100, //与鼠标x轴方向的偏移
// deltaY: 100,
// showDelay: 1500, //显示的延迟时间
// hideDelay: 1500,
// showEvent:'click',//显示tooltip的事件
// hideEvent:'dblclick',//隐藏tooltip的事件,dblclick-双击隐藏
onShow: function(e) {
console.log('onShow');
console.log($(this).tooltip('options')); //获得options对象
console.log($(this).tooltip('tip')); //获得tip对象
console.log($(this).tooltip('arrow')); //获得arrow对象
$(this).tooltip('hide'); //隐藏
$(this).tooltip('show'); //显示
$(this).tooltip('update', 'this is update content'); //更新content内容；
$(this).tooltip('reposition');
// $(this).tooltip('destroy'); //销毁tooltip对象
},
onHide: function(e) {
console.log('onHide');
},
onUpdate: function(e) {
console.log('onUpdate');
},
onPosition: function(left, top) {
console.log('onPosition');
console.log('left:' + left + ";top:" + top);
},
onDestroy: function(e) {
console.log('onDestroy');
}
};
$('#box').tooltip(obj);
$('#pox').tooltip(obj);
});
easyUI tootip组件使用的更多相关文章
- Easyui主要组件用法
Easyui主要组件用法说明: 1. combogrid用法 说明:combogrid可提供翻页列表的数据选择并可进行数据的过滤查询(查询的传人参数为q,可在控制器中获取这个参数传过来的值,下面的示 ...
- Easyui部分组件讲解
Easyui部分组件讲解 目 录 1.... Accordion(可折叠标签)... 2 1.1 实例... 2 1.2 参数... 3 2.... DateBo ...
- 对easyui datagrid组件的一个小改进
#对easyui datagrid组件的一个小改进 ##问题 在实际项目中使用datagrid时,受版面限制,有时候表格不能太大,这时候表格里面的内容就不能完全显示,用户需要经常拖动调整列宽才能看完整 ...
- easyUI panel组件
easyUI panel组件: 属性的使用: <!DOCTYPE html> <html lang="en"> <head> <meta ...
- easyUI progressbar组件
easyUI progressbar组件: <!DOCTYPE html> <html lang="en"> <head> <meta c ...
- easyUI linkbutton组件
easyUI linkbutton组件: <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
- easyUI resizable组件使用
easyUI resizable组件使用: <!DOCTYPE html> <html lang="en"> <head> <meta c ...
- easyUI droppable组件使用
easyUI droppable组件使用: <!DOCTYPE html> <html lang="en"> <head> <meta c ...
- easyUI draggable组件使用
easyUI draggable组件使用: <!DOCTYPE html> <html lang="en"> <head> <meta c ...
随机推荐
- CodeForces 609A USB Flash Drives
水题 #include<cstdio> #include<cmath> #include<algorithm> using namespace std; +; in ...
- SpringMVC文件上传报错org.apache.catalina.connector.RequestFacade cannot be cast to org.springframework.web.multipart.MultipartHttpServletRequest
错误信息: java.lang.ClassCastException: org.apache.catalina.connector.RequestFacade cannot be cast to or ...
- Mysql主从复制（基于Log）
Master(主)操作 实验机:两台 IP:192.168.1.5 192.168.1.10 操作系统:Linux RedHat 6.5 Mysql版本:5.6.31 # vim /etc ...
- pandas 基础
pandas 是基于 Numpy 构建的含有更高级数据结构和工具的数据分析包 类似于 Numpy 的核心是 ndarray,pandas 也是围绕着 Series 和 DataFrame 两个核心数据 ...
- CodeForces 617E XOR and Favorite Number
莫队算法. #include<cstdio> #include<cmath> #include<cstring> #include<algorithm> ...
- 从url中提取参数名和参数值(转)
在已知参数名的情况下,获取参数值,使用正则表达式能很容易做到.js的实现方法如下: function getValue(url, name) { var reg = new RegExp('(\\?| ...
- iOS开发——NSArray中的字典排序
手头上碰到一个项目,需要给数组中的字典中的一个字段排序,想了想,干脆再字典中增加一个字段,用来记录需要排序字段的第一个字符,用它来作为比较的对象,进行排序. - (void)viewDidLoad { ...
- [Unity Shader]光照模型对物体的假设
什么是光照模型 光照模型就是模拟光在物体间的传递过程,以确保物体可见表面每一点的亮度和颜色. 当光照射到一个物体表面时,光可能被吸收.反射或折射.反射和折射的光使物体可见.如果入射光全部被吸收,物体将 ...
- Datetime.GetDateTimeFormats()的集合
Asp.net中的日期处理函数//2007年4月24日this.TextBox6.Text = System.DateTime.Now.ToString("D");//2007-4 ...
- c++ builder 2009如何生成独立运行exe（转）
参考资料:https://forums.codegear.com/thread.jspa?threadID=13559&tstart=703 查了很多网站资料,说得差不多,但是最后编译出来的还 ...