当前位置: 首页 > news >正文

easyui toopTip,鼠标划过悬浮,显示一个小提示框的方法

easyui toopTip,鼠标划过悬浮,显示一个小提示框的方法

/*easyui,鼠标划过悬浮,显示一个小提示框的方法*/
function toopTip(idOrClass,showText){
    $(idOrClass).tooltip({
        position: 'bottom',
        content: '<span style="color:#6A6A6A">' + showText + '</span>',
        onShow: function(){
            $(this).tooltip('tip').css({
                backgroundColor: '#ffffff',
                borderColor: '#ff8c40'
            });
        }
    });
}
//使用方法

toopTip(".seePic","查看");
toopTip(".editPic","编辑");
toopTip(".delPic","删除");
toopTip(".viewarea","小区范围");

说明:

1、如果是datagrid,需要在表格数据加载生成后,才能使用toopTip方法。也就是在onLoadSuccess里使用。

2、datagrid中有进行操作,例如编辑,需要再编辑后,再次调用toopTip方法。

 

效果图:

以上代码,就可以解决easyUI中,鼠标滑过,tootip提示问题。

 

转载于:https://www.cnblogs.com/baiyangyuanzi/p/6625819.html

相关文章:

  • spring 事物的一些理解
  • FMDB支持的事务类型
  • 自动化安装Mysql5.6-脚本实现
  • Java 反射解析指定jar包出现ClassNotFoundException异常,处理方式
  • 通过Adobe Encode CC 2017,将一张静态图生成一个长时间的视频。
  • centos7-msyql-慢查询优化
  • centos7-mysql-分表
  • python初学之魔法方法1
  • 50G存储-免费代码托管工具公测上线
  • 学习LaTex
  • Linux 打印 颜色显示
  • java 集合框架(四)Set
  • 数据库分库分表(sharding)系列(四) 多数据源的事务处理
  • NSTimer+倒计时功能实现
  • 轮播1-animate-匀速
  • ECMAScript入门(七)--Module语法
  • Fastjson的基本使用方法大全
  • vue-cli3搭建项目
  • 测试开发系类之接口自动化测试
  • 仿天猫超市收藏抛物线动画工具库
  • 区块链将重新定义世界
  • 算法-插入排序
  • 算法-图和图算法
  • 微信小程序设置上一页数据
  • 昨天1024程序员节,我故意写了个死循环~
  • # Pytorch 中可以直接调用的Loss Functions总结:
  • #Ubuntu(修改root信息)
  • #周末课堂# 【Linux + JVM + Mysql高级性能优化班】(火热报名中~~~)
  • $(function(){})与(function($){....})(jQuery)的区别
  • (07)Hive——窗口函数详解
  • (1)Android开发优化---------UI优化
  • (aiohttp-asyncio-FFmpeg-Docker-SRS)实现异步摄像头转码服务器
  • (floyd+补集) poj 3275
  • (LeetCode C++)盛最多水的容器
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (转)使用VMware vSphere标准交换机设置网络连接
  • .NET 读取 JSON格式的数据
  • .NetCore部署微服务(二)
  • .php结尾的域名,【php】php正则截取url中域名后的内容
  • ??在JSP中,java和JavaScript如何交互?
  • @德人合科技——天锐绿盾 | 图纸加密软件有哪些功能呢?
  • [ Algorithm ] N次方算法 N Square 动态规划解决
  • [.net]官方水晶报表的使用以演示下载
  • [Android]Android P(9) WIFI学习笔记 - 扫描 (1)
  • [Android]如何调试Native memory crash issue
  • [BUUCTF]-Reverse:reverse3解析
  • [BZOJ] 2006: [NOI2010]超级钢琴
  • [C]编译和预处理详解
  • [C++]:for循环for(int num : nums)
  • [cb]UIGrid+UIStretch的自适应
  • [EFI]Dell Inspiron 15 5567 电脑 Hackintosh 黑苹果efi引导文件
  • [hdu 1247]Hat’s Words [Trie 图]
  • [IOI2018] werewolf 狼人
  • [LeetCode] 626. 换座位
  • [Linux_IMX6ULL应用开发]-Makefile