直入正题,现在有这么一个表格:
请实现鼠标移到交易内容区域时,高亮当前行背景的效果。
1、建立一分标准的HTML文档结构
谈到标准HTML结构,有人可能会说,嗯,用div标签,里面再多套些li,最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一定要用div来布局,而是要尽量使用语义化的HTML标签。在HTML标签的定义中div与span其实是两个没有语义的标签,table则有数据表的语义。
所以这里我们来建一张符合XHTML 1.0 Strict标准的文档结构试试。以下为该表结构的HTML代码:
阅读全文...
请实现鼠标移到交易内容区域时,高亮当前行背景的效果。
1、建立一分标准的HTML文档结构
谈到标准HTML结构,有人可能会说,嗯,用div标签,里面再多套些li,最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一定要用div来布局,而是要尽量使用语义化的HTML标签。在HTML标签的定义中div与span其实是两个没有语义的标签,table则有数据表的语义。
所以这里我们来建一张符合XHTML 1.0 Strict标准的文档结构试试。以下为该表结构的HTML代码:
<table class="tableList" id="table1">
<thead>
<tr>
<th>交易类型</th>
<th>交易号</th>
<th>收款方</th>
<th>金额</th>
<th>管理</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5"> 上一页 2 3 4 下一页</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="fastpayIcon">即时到账</td>
<td>20081009001</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
...<thead>
<tr>
<th>交易类型</th>
<th>交易号</th>
<th>收款方</th>
<th>金额</th>
<th>管理</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="5"> 上一页 2 3 4 下一页</td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="fastpayIcon">即时到账</td>
<td>20081009001</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
阅读全文...







