经验交流区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 前端
查看: 762|回复: 4

[提问] 这种适合用表格做吗?请大家给点建议

[复制链接]

1

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
发表于 2017-5-26 16:47:49 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

                               
登录/注册后可看大图
该页面下的计划选择模块
1.本来用表格做的,但是当选中某一个计划时,边框和背景颜色不知道如何加上去。2.考虑用ul 来做时,同行的hover效果好像不能实现。
3.具体效果的网页链接是 https://www.zhongan.com/p/82465919?channelEnName=accident 不知道他们怎么实现的?




选中时的效果如何实现

选中时的效果如何实现
分享、交流、沉淀
回复

使用道具 举报

3

主题

22

帖子

168

积分

版主

Rank: 7Rank: 7Rank: 7

积分
168
发表于 2017-5-26 17:41:53 | 显示全部楼层
仔细比对了下,hover上去的区块和原区块CSS样式效果差不多,因此可以针对hover上去的容器增加一个class(假设:active),mouseout的时候移除active即可。
需要说明的是active的style可能要用到position属性。
JS方面只需增加一个mouseovermouseout的事件,toggleClass就可以。
欢迎访问经验交流区
回复 支持 反对

使用道具 举报

1

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
 楼主| 发表于 2017-5-26 17:54:43 | 显示全部楼层
益享天开 发表于 2017-5-26 17:41
仔细比对了下,hover上去的区块和原区块CSS样式效果差不多,因此可以针对hover上去的容器增加一个class(假 ...

那 hover时的边框线怎么加呢?(我用表格做的)
分享、交流、沉淀
回复 支持 反对

使用道具 举报

3

主题

22

帖子

168

积分

版主

Rank: 7Rank: 7Rank: 7

积分
168
发表于 2017-5-26 17:57:06 | 显示全部楼层
cisco 发表于 2017-5-26 17:54
那 hover时的边框线怎么加呢?(我用表格做的)

table外面包一层div,毕竟table不好定义CSS。
欢迎访问经验交流区
回复 支持 反对

使用道具 举报

1

主题

3

帖子

9

积分

新手上路

Rank: 1

积分
9
 楼主| 发表于 2017-5-26 17:57:44 | 显示全部楼层
cisco 发表于 2017-5-26 17:54
那 hover时的边框线怎么加呢?(我用表格做的)

希望牧者能够回答详细点(是不是建个容器(遮罩层)对它进行定位,当hover哪一个时,就进行相应的定位)
分享、交流、沉淀
回复 支持 反对

使用道具 举报

QQ|Archiver|手机版|小黑屋|久久经验网 ( 浙ICP备14027581号

GMT+8, 2018-1-24 05:41 , Processed in 0.283620 second(s), 36 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表