用css实现表格元素的颜色间变

作者:Aion 日期:2006-05-01 09:21

用css实现表格行交替变色方法一：

CODE:


<style>

.db { border-collapse:collapse;}

.db tr{ background-color:expression('#dbdbdb,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
<table width=&#34;100%&#34; border=&#34;1&#34; class=&#34;db&#34;>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>

</table>

[Copy to clipboard]

用css实现表格行交替变色方法二：

CODE:


<style by tesion.>

th {font-weight: normal; text-align:left; background: #CCCCCC}

td {background: #FAFAFA}
</style>

<table>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
<tr>
<th>第一个颜色</th>
</tr>
<tr>
<td>第二个颜色</td>
</tr>
</table>

[Copy to clipboard]

用css实现单元格交替变色

[阅读全文]

标签: CSS

类别: Tech | 引用: 3 | 评论: 0 | 阅读: 1996

用javascript进行拖拽

作者:Aion 日期:2006-04-30 09:26

第一我们需要获取鼠标的坐标．我们加一个用户函数到document.onmousemove就可以了:

[code]

[阅读全文]

标签: JavaScript AJAX

类别: Tech | 引用: 5 | 评论: 0 | 阅读: 2324

实现背景颜色的渐变[同微软的网站header的样式]

作者:Aion 日期:2006-04-18 09:19

代码1

代码2

代码3 [微软的实现方法]

CODE:

<table cellpadding=&#34;0&#34; cellspacing=&#34;0&#34; width=&#34;100%&#34; height=&#34;22&#34; border=&#34;0&#34;> 

  <tr> 

  <td id=&#34;msviRegionIdGraphic&#34; bgcolor=&#34;#FFFFFF&#34;></td> 

  <td id=&#34;msviRegionGradient1&#34; width=&#34;50%&#34; style=&#34;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#98B2E6’, gradientType=’1’)&#34;></td> 

  <td id=&#34;msviRegionGradient2&#34; width=&#34;50%&#34; style=&#34;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#98B2E6’, endColorStr=’#3568CC’, gradientType=’1’)&#34;></td> 

  </tr> 

  </table>

[Copy to clipboard]

标签: CSS

类别: Tech | 引用: 6 | 评论: 0 | 阅读: 2313