图文列表的鼠标悬浮效果

登录

本帖最后由 Simon.hu 于 2020-3-31 15:19 编辑

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

experdot · experdot

本帖最后由 David.Zhong 于 2022-8-8 11:45 编辑

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

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

步骤
1. 添加全局 CSS 样式

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

复制代码

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

示例
附件：

谢厅 · 谢厅

不可以实现

Eric.Liang · Eric.Liang

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

Eric.Liang · Eric.Liang

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

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

谢厅 · 谢厅

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

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

Simon.hu · Simon.hu

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

lml0126 · lml0126

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

Simon.hu · Simon.hu

我有那么爱骗人么？

djs521720 · djs521720

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

		自动登录	找回密码
密码			立即注册

[已处理] 图文列表的鼠标悬浮效果

最佳答案

20 个回复

本帖子中包含更多资源

评分

本帖子中包含更多资源

活字格认证

圣诞拼拼乐

微信认证勋章

悬赏达人

讲师达人

时代开发者征文活动

活字格高级认证

元老葡萄