1. 首页
  2. 编程语言
  3. Javascript
  4. Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法

Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法

上传者: 2021-12-10 23:31:45上传 PDF文件 147.63 KB 热度 15次

在done函数中调用hoverOpenImg方法,以及单击表格行高亮的效果。同样比较好理解,当td下的img被鼠标悬浮时,构造一个img元素,通过layer.tips方法在右边渲染该图片,当鼠标离开时,使用layer.close把当前提示框关闭,同时设置了下最大宽度max-width样式。

下载地址
用户评论