直入正题，现在有这么一个表格：

 

　　请实现鼠标移到交易内容区域时，高亮当前行背景的效果。

　　1、建立一分标准的HTML文档结构

　　谈到标准HTML结构，有人可能会说，嗯，用div标签，里面再多套些li，最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一定要用div来布局，而是要尽量使用语义化的HTML标签。在HTML标签的定义中div与span其实是两个没有语义的标签，table则有数据表的语义。

　　所以这里我们来建一张符合XHTML 1.0 Strict标准的文档结构试试。以下为该表结构的HTML代码：

　　其中需要注意的是：

　　你需要使用、、等标签，分别对应的含义是表头区域，表主体内容，表底部区域。

　　表头区域的单元格你应该使用而非

　　标签块应该在与之间，否则无法通过W3C标签验证

　　再给它们加上样式：

　　.tableList {

　　border:2px #666 solid;

　　}

　　.tableList td, .tableList th {

　　border:1px #666 solid;

　　padding:5px 25px;

　　}

　　.tableList tfoot td {

　　text-align:right;

　　}

　　.fastpayIcon {

　　background:transparent url(http://www.egunao.com/website/UploadFiles_6038/200811/20081121230334932.gif) no-repeat scroll 5px 5px;

　　}

　　2、实现表格行滑过高亮背景效果

　　现在我们要实现表格行滑过高亮效果，怎么办?是的，用JS来几个onmouseover和onmouseout就搞定了。不过，如果要符合WEB标准的话，其实我们更应该使用CSS的hover伪类来实现。我们在