找回密码
 立即注册

QQ登录

只需一步,快速开始

renho 活字格认证

银牌会员

81

主题

1271

帖子

3398

积分

银牌会员

积分
3398

活字格高级认证

QQ
renho 活字格认证
银牌会员   /  发表于:2021-6-4 01:22  /   查看:6534  /  回复:14
图文列表是比较常用的一个功能,但是没有选中效果

会前端的人很容易就搞定的,但是就怕有人不会

所以我们来最简单粗暴的办法实现这么个效果


CSS如下:

  1. .clickableRepeater .repeater-item:hover {
  2.     border: #009ad6 solid 1px;
  3. }

  4. .selectRepeater .repeater-item:hover {
  5.     background: #7bbfea;
  6. }
复制代码
演示效果如下:
图片.png663675536.png
图片.png533641356.png
演示工程文件:

选中效果.fgcc (82.58 KB, 下载次数: 627)

14 个回复

正序浏览
happyboyjia
高级会员   /  发表于:2021-6-25 21:25:00
15#
回复 使用道具 举报
13559541953活字格认证
高级会员   /  发表于:2021-6-17 09:49:19
14#
大佬牛批
回复 使用道具 举报
Meng2499
金牌服务用户   /  发表于:2021-6-17 09:48:34
13#
666定期
回复 使用道具 举报
QQximen
初级会员   /  发表于:2021-6-17 08:42:11
12#
能不能实现搜索并自动滚动自相对应的数据行,
https://gcdn.grapecity.com.cn/fo ... mp;page=1#pid389380
图文列表有这么多数据,不可能一个个找有没有自动定位然后背景闪或者改变背景的!
回复 使用道具 举报
余音未静
高级会员   /  发表于:2021-6-16 16:51:50
11#
谢谢分享
回复 使用道具 举报
Aa金砂
高级会员   /  发表于:2021-6-16 08:40:11
10#
CSS需要花多久学会呀
回复 使用道具 举报
储钱罐儿
初级会员   /  发表于:2021-6-14 11:42:25
9#
V587太厉害了,学习一下
回复 使用道具 举报
sz_xd
金牌服务用户   /  发表于:2021-6-9 23:56:14
8#
感谢分享,谢谢!
   
回复 使用道具 举报
sz_xd
金牌服务用户   /  发表于:2021-6-9 23:56:04
7#
感谢分享,谢谢!
   
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部