如何实现表格中行点击时的渐扩效果!
2007-01-08 00:00
323 查看
曾经在一个flash RIA站点上看到这种效果,视觉效果真不错。flash开发者大概也以此来表明,flash做的应用程序,在动态效果上要优于js(个人观点)。后来我在做bmail的时候,用gif动画作为背景,基本实现了这一功能,但总是感到不太完美。这次的做法是用滤镜,视觉上比较平滑,还省了图片下载的麻烦。
#tbList th{text-align:left;padding-left:20;border:1px solid white;border-right:1px solid #7994BF;border-bottom:1px solid #7994BF} #tbList td{padding-left:6;border-top:1px solid white;border-bottom:1px solid #CDD0E1}
>>点击上面的表格,可以看到行渐扩效果
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
#tbList th{text-align:left;padding-left:20;border:1px solid white;border-right:1px solid #7994BF;border-bottom:1px solid #7994BF} #tbList td{padding-left:6;border-top:1px solid white;border-bottom:1px solid #CDD0E1}
寄件人 | 主题 | 日期 | 大小 |
---|---|---|---|
关羽 | 大意失荆州 | 8月7日 | 4k |
张飞 | 长板坡一吼,吓退十万雄兵 | 3月24日 | 5k |
赵云 | 最帅莫过赵子龙 | 3月24日 | 3k |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- 如何实现表格中行点击时的渐扩效果!
- 实现表格中行点击时的渐扩效果!
- 实现表格中行点击时的渐扩效果!
- android如何实现按钮的点击水波纹效果:
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- 基于jQuery实现点击最后一行实现行自增效果的表格
- iOS如何实现表格的折叠效果?
- Javascript实现点击表格行的效果
- 用DIV+CSS如何实现这种表格效果
- Android ImageButton 如何实现一个点击效果
- GoogleMap_IOS MKMapView如何实现不点击大头针,就可以出现calloutView效果
- [HTML]如何实现导航栏的从左滑入效果:点击隐藏,再次点击消失
- 如何用css代码实现有立体效果的表格
- 用DIV+CSS如何实现这种表格效果
- 如何实现点击页面菜单图片替换并且有动画效果
- 如何实现js展开收起(折叠)效果呢?例如:一段内容过长了,我限制他显示为20个字内,但是超出了20的就先用省略号代替,然后后面添加一个展开,点击展开后就显示所有的内容,这时候展开按钮就变成了 折叠按钮
- JavaScript DOM编程艺术—表格的奇数行在点击时实现斑马线效果
- 实现表格隔行/点击换色效果
- iOS如何实现表格的折叠效果?