2012年10月18日星期四

Tablecloth:美化表格的javascript应用

表格正在被滥用,尤其是对一些不太严谨的网页设计者来说,表格到底应该作用于哪些地方,这也是一个一直存在争议的问题。

但有一点是毫不争议的,表格在html中最大的用处是用来展示表格数据。但普通的HTML表格并不能达到一个良好的用户体验,一堆无聊的数据死板的排列在一堆更死板的边框里面,Tablecloth可以很好的为你解决这个问题。

Tablecloth是一个javascript应用,用来美化你的表格,它的功能包括:

tablecloth Tablecloth:美化表格的javascript应用

  • 给奇偶数行设定不同的背景颜色。
  • 高亮显示选定状态下的当前行或当前列。
  • 高亮显示被选定表单格元,或被选定表单格元的行或列。
  • 高亮显示鼠标悬浮时背景颜色,跟高亮被选状态是一样的。当然,你应该给不同的状态设定不同的 颜色。通常建议给悬浮设置淡一点的颜色,而选定状态则设置深色,这样,更能集中用户的注意力。

要使用Tablecloth,可以点击这里下载。下载后将得到tablecloth.js和tablecloth.CSS两个文件,上传到你的服务器,然后在你的网页文件的和标签之间加入下面的代码:

<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="tablecloth/tablecloth.js"></script>

具体介绍和使用请看该工具的原页面

来源于 Tablecloth:美化表格的javascript应用 | 帕兰映像

没有评论:

发表评论