JS实现鼠标滑入滑出效果

登录

想实现的效果：点击辽阳东路的加号，加号背景变色，当点击其他街道的加号时（如第二个街道，中韩街道），辽阳东路的加号背景恢复颜色，而中韩街道的背景变色。以能够让使用者知道自己点击的是哪一个街道的。类似于Javascript中的mouseenter()和mouseleave()功能。
（街道的个数是点击右边白色的加号添加的，目前只添加了两个街道：辽阳东路和中韩街道）
活字格设计如下：

双击检测点下的图文列表：
灰色加号的编辑命令是点击后页面右边的房屋模型下出现该街道的相应数据

Chelsey.Wang · Chelsey.Wang

您好，您指的是这样的效果吗？
活字格8.0之前的版本，这样的效果需要自己写CSS来实现，V8.0版本开始，可以直接在单元格样式中进行设置：
活字格8.0新功能解密：二十二、单元格提升-图文列表支持点击命令和选择列 - 活字格专区 - 专题教程 - 葡萄城产品技术社区 (grapecity.com.cn)
可以选中图文列表单元格，然后在设置单元格样式中对单元格样式进行编辑

可以设置当前行背景颜色

刘大帅鸭 · 刘大帅鸭

Chelsey.Wang 发表于 2022-7-19 14:52
您好，您指的是这样的效果吗？
活字格8.0之前的版本，这样的效果需要自己写CSS来实现，V8.0版本开始，可以 ...

是的，我的活字格版本是8.0以前的。实现这样的CSS有个DEMO吗

Chelsey.Wang · Chelsey.Wang

刘大帅鸭发表于 2022-7-19 14:55
是的，我的活字格版本是8.0以前的。实现这样的CSS有个DEMO吗

建议您升级到最新版本哟，您可以在活字格官网免费下载和安装8.0.4.0版本，相较之前的版本有很多功能上的提升：
活字格低代码开发平台 - 活字格企业级低代码开发平台|通过低代码快速开发企业级Web应用 - 葡萄城官网 (grapecity.com.cn)

CSS实现的方式可以参考这里，但因为V8.0中已经实现了该功能，后续这个代码可能不会再继续维护了~
图文列表选择行高亮效果 - 活字格专区 - 求助中心 - 葡萄城产品技术社区 (grapecity.com.cn)

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

[已处理] JS实现鼠标滑入滑出效果

最佳答案

3 个回复

本帖子中包含更多资源

活字格认证

活字格高级认证

微信认证勋章

讲师达人

悬赏达人

圣诞拼拼乐