图文列表的鼠标悬浮效果

在表格里当鼠标移到某行数据时，该表格当前行及某列数据显示出现效果如图，请问这JS如何实现。

8.0可参考这个帖子~
活字格8.0新功能解密：六、颜值提升 - 图文列表样式提升
https://gcdn.grapecity.com.cn/fo ... 41048&fromuid=63496
(出处: 葡萄城产品技术社区)




8.0之前的实现方案：
这个效果可以通过图文列表实现：



步骤
1. 添加全局 CSS 样式

1. /* 通用图文列表下的超链接自动显示*/
   
2. .repeater-general .repeater-item .hyperlink-autoshow {
   
3.     opacity: 0;
   
4.     transition: opacity 0.15s;
   
5. }
   
6. 
   
7. .repeater-general .repeater-item:hover .hyperlink-autoshow {
   
8.     opacity: 1;
   
9. }

复制代码

2. 为图文列表单元格添加 CSS 类名 repeater-general
3. 为模板页面里的超链接单元格添加 CSS 类名 hyperlink-autoshow

示例
附件：

不可以实现

在活字格的表格中是无法实现的~除非全部自己通过JS画table

谢厅 发表于 2019-12-11 15:48
不可以实现

看下我们开发大佬的回复，有没有被秀到

Eric.Liang 发表于 2019-12-12 10:01
看下我们开发大佬的回复，有没有被秀到

我不承认，毕竟表格里确实还是没有被实现😂😂😂😂

是的，不过这个问题还是这个几个代码可以搞定的

今天没时间改天来试试，如果真搞定了这功能相当的实用啊

我有那么爱骗人么？

添加后多了一层灰灰的颜色出来这是什么导致的，