曾经在一个flash RIA站点上看到这种效果,视觉效果真不错。flash开发者大概也以此来表明,flash做的应用程序,在动态效果上要优于js(个人观点)。后来我在做bmail的时候,用gif动画作为背景,基本实现了这一功能,但总是感到不太完美。这次的做法是用滤镜,视觉上比较平滑,还省了图片下载的麻烦。
<style>
#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}
</style>
<body style=font-size:12>
<table id=tbList cellpadding=0 cellspacing=0 width=100% style=cursor:default;font-size:12>
<tr height=25 bgcolor=#C1D1EA>
<th width=160>寄件人</th>
<th>主题</th>
<th width=90>日期</th>
<th width=90>大小</th>
</tr>
<tr height=25>
<td>关羽</td>
<td>大意失荆州</td>
<td>8月7日</td>
<td>4k</td>
</tr>
<tr height=25>
<td>张飞</td>
<td>长板坡一吼,吓退十万雄兵</td>
<td>3月24日</td>
<td>5k</td>
</tr>
<tr height=25>
<td>赵云</td>
<td>最帅莫过赵子龙</td>
<td>3月24日</td>
<td>3k</td>
</tr>
</table>
>>点击上面的表格,可以看到行渐扩效果
</body>
<script>
document.getElementById("tbList").onmousedown=function(e){
var tb=this,tr,ee
ee=e==null?event.srcElement:e.target
if(ee.tagName!="TD")
return
tr=ee.parentNode
if(tb.selRow!=null)
setTrReveal(tb.selRow,"background:white",1)
setTrReveal(tr,"background:#EAEAEA")
tb.selRow=tr
}
function setTrReveal(tr,css,noDelay){
var i
if(!document.all)
return tr.style.cssText+=";"+css
for(i=0;i< tr.cells.length;i++){
if(noDelay){
tr.cells[i].style.cssText+=";"+css
continue
}
tr.cells[i].style.filter="progid:DXImageTransform.Microsoft.RevealTrans(duration=0.5,transition=16)"
tr.cells[i].filters[0].apply()
tr.cells[i].style.cssText+=";"+css
tr.cells[i].filters[0].play()
}
}
</script>
分享到:
相关推荐
曾经在一个flash RIA站点上看到这种效果,视觉效果真不错。flash开发者大概也以此来表明,flash做的应用程序,在动态效果上要优于js(个人观点)。后来我在做bmail的时候,用gif动画作为背景,基本实现了这一功能,...
获取el-table表格中选中行的数据
使用Jquery实现table中行的复制.zip 欢迎下载!
asp net 实现中行b2b接口 这是个人写的代码 极其简单 各位可以根据自己的思路写出更健壮 更合理的代码 我也是刚接触电子商务这块 俄 只是 抛砖引玉而已 欢迎提出宝贵意见 大家一起学习
度,不会撑开TD,也不会影响其他TD,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。 【优点】 1、对开发人员指定的表格没有任何影响; 2、使用简单; 3、被定义的表格样式可以随意...
之前上传过一个简单的.net实现中行接口的demo http://download.csdn.net/detail/cs258dn/8558481 .今天发现好像少个延签的类。。。
中行支付 PHP 基于SHA256 PKCS#7 算法签名 以及验签算法!
中行网银外联标准接口
整合了一部分应届生毕业网的2010中行面试面经.
设置matlab GUI中,table对象不同单元格的颜色和 各个单元格字体颜色的方法,综合了matlab和html
广东中行SiteView网管系统通过一台SiteView监测主机实时采集和分析各SiteView子系统反馈的数据,7X24小时对广东中行全网各节点运行状况进行全面监测。SiteView网管系统采用全中文web界面,具有灵活的系统架构,相...
用此软件可以使用一些小工具啊.apk
教学过程: 一、概念:(略讲) 单元格:单元格是表格中行与列的交叉部分,它是组成表格的最小单位,单个数据 的输入和修改都是在单元格中进行的。 工作表:工作表是一个由若干行和列组成的表格,一行和一列的交叉...
下面的代码解决了这个问题:当表格被载入的时候,TD的宽度是原定的长度,不会撑开TD,也不会影响其他TD,点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。【优点】 1、对开发人员指定...
经过多方的比较和论证,贵州中行决定选择了具有高效率、高可靠性的美国EMC公司存储系统和存储软件产品,对银行的金融电子系统基础架构进行了完整的战略性规划。
4、可以使用回车键在表格中选中行数据; 5、在下拉框的文本框中输入内容,能查询表格; 6、下拉框的文本框的内容变化时,表格数据按分页设置显示 所用技术:jquery+在html页面中通过js文件调用ashx一般处理程序 运行...
mysql行转列算法举例与分析,有益于对mysql语法学习
思科公司先进、可靠、灵活的SNA网络解决方案,将有效的支持中行华南所有业务和网点对信息中心主机的访问,帮助中行实现信息化业务和对人员与技术力量的集中管理。同时,数据集中也带来了客户服务水平的提升,在拥有...