作者aquarianboy (我是没牌的营养师!)
看板Web_Design
标题Re: [问题] 表格隔行背景色
时间Wed Apr 30 09:57:08 2008
※ 引述《adamp3 (Boston's 10th Man.)》之铭言：
: 请问除了用<td class = "even">text</td>以外
: 有没有办法用javascript去跑
: 让表格每隔一行的颜色会不同
: 如下
: col col2
: row1 text text
: row2 text text
: row3 text text
: row4 text text
: 请高手解答!
: 最近弄表格弄到快疯了 囧
要不要试试jQuery :)
先定义style :
<style>
.oddTr{
background-color:#999999;
}
</style>
再加个jQuery的ready事件 :
<script language="javascript">
$().ready(function(){
$('tr:odd').addClass('oddTr'); //在奇数列挂上.oddTr这个style
});
</script>
底下table随便做 :
<table border="1" width="300">
<tr>
<td>1111</td>
</tr>
<tr>
<td>2222</td>
</tr>
<tr>
<td>3333</td>
</tr>
<tr>
<td>4444</td>
</tr>
</table>
收工，希望有帮上忙 :)
--
http://blog.eddie.com.tw/
http://www.eddie.com.tw/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.128.37
1F：→ aquarianboy:喔，别忘了去下载jquery的js回来include进去 :) 04/30 09:58