实现table间隔行颜色不同代码,JS代码库,德仔网

代码语言
代码分类
【JS】实现table间隔行颜色不同
作者:Dezai.CN / 发布于2011/6/23/ 1318
<blockquote>
<div><span style="background-color: #ccffcc"><span style="color: #0000ff"><</span><span style="color: #800000">head</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">meta </span><span style="color: #ff0000">http-equiv</span><span style="color: #0000ff">="Content-Type"</span><span style="color: #ff0000"> content</span><span style="color: #0000ff">="text/html; charset=gb2312"</span><span style="color: #ff0000"> </span><span style="color: #0000ff">/></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">title</span><span style="color: #0000ff">></span><span style="color: #000000">精美的表格样式</span><span style="color: #0000ff"></</span><span style="color: #800000">title</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">style </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/css"</span><span style="color: #0000ff">></span><span style="color: #800000">

</span><span style="color: #008000">/*</span><span style="color: #008000">设置所有字体</span><span style="color: #008000">*/</span><span style="color: #800000">
body,table</span><span style="color: #000000">{</span><span style="color: #ff0000">
font-size</span><span style="color: #000000">:</span><span style="color: #0000ff">12px</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table</span><span style="color: #000000">{</span><span style="color: #ff0000">
table-layout</span><span style="color: #000000">:</span><span style="color: #0000ff">fixed</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #008000">/*</span><span style="color: #008000">空单元格也显示</span><span style="color: #008000">*/</span><span style="color: #ff0000">
empty-cells</span><span style="color: #000000">:</span><span style="color: #0000ff">show</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
border-collapse</span><span style="color: #000000">:</span><span style="color: #0000ff"> collapse</span><span style="color: #000000">;</span><span style="color: #ff0000">
margin</span><span style="color: #000000">:</span><span style="color: #0000ff">0 auto</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

td</span><span style="color: #000000">{</span><span style="color: #ff0000">
height</span><span style="color: #000000">:</span><span style="color: #0000ff">20px</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

h1,h2,h3</span><span style="color: #000000">{</span><span style="color: #ff0000">
font-size</span><span style="color: #000000">:</span><span style="color: #0000ff">12px</span><span style="color: #000000">;</span><span style="color: #ff0000">
margin</span><span style="color: #000000">:</span><span style="color: #0000ff">0</span><span style="color: #000000">;</span><span style="color: #ff0000">
padding</span><span style="color: #000000">:</span><span style="color: #0000ff">0</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

</span><span style="color: #008000">/*</span><span style="color: #008000">tile样式 调用方法Class=""</span><span style="color: #008000">*/</span><span style="color: #800000">
.title </span><span style="color: #000000">{</span><span style="color: #ff0000"> 
background</span><span style="color: #000000">:</span><span style="color: #0000ff"> #FFF</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
border</span><span style="color: #000000">:</span><span style="color: #0000ff"> 1px solid #9DB3C5</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
padding</span><span style="color: #000000">:</span><span style="color: #0000ff"> 1px</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
width</span><span style="color: #000000">:</span><span style="color: #0000ff">90%</span><span style="color: #000000">;</span><span style="color: #ff0000">
margin</span><span style="color: #000000">:</span><span style="color: #0000ff">20px auto</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
</span><span style="color: #000000">}</span><span style="color: #800000">

.title h1</span><span style="color: #000000">{</span><span style="color: #ff0000"> 
line-height</span><span style="color: #000000">:</span><span style="color: #0000ff"> 31px</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
text-align</span><span style="color: #000000">:</span><span style="color: #0000ff">center</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
background</span><span style="color: #000000">:</span><span style="color: #0000ff"> #2F589C</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
background-repeat</span><span style="color: #000000">:</span><span style="color: #0000ff"> repeat-x</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
background-position</span><span style="color: #000000">:</span><span style="color: #0000ff"> 0 0</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
color</span><span style="color: #000000">:</span><span style="color: #0000ff"> #FFF</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
</span><span style="color: #000000">}</span><span style="color: #800000">

</span><span style="color: #008000">/*</span><span style="color: #008000">Title中的th和td样式</span><span style="color: #008000">*/</span><span style="color: #800000">
.title th, .title td </span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff"> 1px solid #CAD9EA</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
padding</span><span style="color: #000000">:</span><span style="color: #0000ff"> 5px</span><span style="color: #000000">;</span><span style="color: #ff0000"> 
</span><span style="color: #000000">}</span><span style="color: #800000">


</span><span style="color: #008000">/*</span><span style="color: #008000">这个是借鉴一个论坛的样式</span><span style="color: #008000">*/</span><span style="color: #800000">
table.t1</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px solid #cad9ea</span><span style="color: #000000">;</span><span style="color: #ff0000">
color</span><span style="color: #000000">:</span><span style="color: #0000ff">#666</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t1 th </span><span style="color: #000000">{</span><span style="color: #ff0000">
</span><span style="color: #ff0000">background-repeat</span><span style="color: #000000">:</span><span style="color: #0000ff">:repeat-x</span><span style="color: #000000">;</span><span style="color: #ff0000">
height</span><span style="color: #000000">:</span><span style="color: #0000ff">30px</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t1 td,table.t1 th</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px solid #cad9ea</span><span style="color: #000000">;</span><span style="color: #ff0000">
padding</span><span style="color: #000000">:</span><span style="color: #0000ff">0 1em 0</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

</span><span style="color: #008000">/*</span><span style="color: #008000">间隔行的颜色</span><span style="color: #008000">*/</span><span style="color: #800000">
table.t1 tr.a1</span><span style="color: #000000">{</span><span style="color: #ff0000">
background-color</span><span style="color: #000000">:</span><span style="color: #0000ff">#f5fafe</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">


</span><span style="color: #008000">/*</span><span style="color: #008000">样式2</span><span style="color: #008000">*/</span><span style="color: #800000">
table.t2</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px solid #9db3c5</span><span style="color: #000000">;</span><span style="color: #ff0000">
color</span><span style="color: #000000">:</span><span style="color: #0000ff">#666</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t2 th </span><span style="color: #000000">{</span><span style="color: #ff0000">
background-repeat</span><span style="color: #000000">:</span><span style="color: #0000ff">:repeat-x</span><span style="color: #000000">;</span><span style="color: #ff0000">
height</span><span style="color: #000000">:</span><span style="color: #0000ff">30px</span><span style="color: #000000">;</span><span style="color: #ff0000">
color</span><span style="color: #000000">:</span><span style="color: #0000ff">#fff</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t2 td</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px dotted #cad9ea</span><span style="color: #000000">;</span><span style="color: #ff0000">
padding</span><span style="color: #000000">:</span><span style="color: #0000ff">0 2px 0</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t2 th</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px solid #a7d1fd</span><span style="color: #000000">;</span><span style="color: #ff0000">
padding</span><span style="color: #000000">:</span><span style="color: #0000ff">0 2px 0</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t2 tr.a1</span><span style="color: #000000">{</span><span style="color: #ff0000">
background-color</span><span style="color: #000000">:</span><span style="color: #0000ff">#e8f3fd</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">


</span><span style="color: #008000">/*</span><span style="color: #008000">样式3</span><span style="color: #008000">*/</span><span style="color: #800000">
table.t3</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px solid #fc58a6</span><span style="color: #000000">;</span><span style="color: #ff0000">
color</span><span style="color: #000000">:</span><span style="color: #0000ff">#720337</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t3 th</span><span style="color: #000000">{</span><span style="color: #ff0000">
background-image</span><span style="color: #000000">:</span><span style="color: #0000ff"> url(images/th_bg3.gif)</span><span style="color: #000000">;</span><span style="color: #ff0000">
background-repeat</span><span style="color: #000000">:</span><span style="color: #0000ff">:repeat-x</span><span style="color: #000000">;</span><span style="color: #ff0000">
height</span><span style="color: #000000">:</span><span style="color: #0000ff">30px</span><span style="color: #000000">;</span><span style="color: #ff0000">
color</span><span style="color: #000000">:</span><span style="color: #0000ff">#35031b</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t3 td</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px dashed #feb8d9</span><span style="color: #000000">;</span><span style="color: #ff0000">
padding</span><span style="color: #000000">:</span><span style="color: #0000ff">0 1.5em 0</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t3 th</span><span style="color: #000000">{</span><span style="color: #ff0000">
border</span><span style="color: #000000">:</span><span style="color: #0000ff">1px solid #b9f9dc</span><span style="color: #000000">;</span><span style="color: #ff0000">
padding</span><span style="color: #000000">:</span><span style="color: #0000ff">0 2px 0</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">

table.t3 tr.a1</span><span style="color: #000000">{</span><span style="color: #ff0000">
background-color</span><span style="color: #000000">:</span><span style="color: #0000ff">#fbd8e8</span><span style="color: #000000">;</span><span style="color: #ff0000">
</span><span style="color: #000000">}</span><span style="color: #800000">


</span><span style="color: #0000ff"></</span><span style="color: #800000">style</span><span style="color: #0000ff">></span><span style="color: #000000">

</span><span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff">function</span><span style="color: #000000"> ApplyStyle(s){
document.getElementById(</span><span style="color: #000000">"</span><span style="color: #000000">mytab</span><span style="color: #000000">"</span><span style="color: #000000">).className</span><span style="color: #000000">=</span><span style="color: #000000">s.innerText;
}
</span><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span><span style="color: #000000">

</span><span style="color: #0000ff"></</span><span style="color: #800000">head</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">body</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">class</span><span style="color: #0000ff">="title"</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">h1</span><span style="color: #0000ff">></span><span style="color: #000000">
大家好，CSS与表格的结合示例</span><span style="color: #0000ff"></</span><span style="color: #800000">h1</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">table</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
点击链接切换样式：</span><span style="color: #0000ff"><</span><span style="color: #800000">a </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="javascript:;"</span><span style="color: #ff0000"> onclick</span><span style="color: #0000ff">="ApplyStyle(this)"</span><span style="color: #0000ff">></span><span style="color: #000000">t1</span><span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></span><span style="color: #000000"> </span><span style="color: #0000ff"><</span><span style="color: #800000">a </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="javascript:;"</span><span style="color: #ff0000">
onclick</span><span style="color: #0000ff">="ApplyStyle(this)"</span><span style="color: #0000ff">></span><span style="color: #000000">t2</span><span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></span><span style="color: #000000"> </span><span style="color: #0000ff"><</span><span style="color: #800000">a </span><span style="color: #ff0000">href</span><span style="color: #0000ff">="javascript:;"</span><span style="color: #ff0000"> onclick</span><span style="color: #0000ff">="ApplyStyle(this)"</span><span style="color: #0000ff">></span><span style="color: #000000">
t3</span><span style="color: #0000ff"></</span><span style="color: #800000">a</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">table </span><span style="color: #ff0000">id</span><span style="color: #0000ff">="TableNew"</span><span style="color: #ff0000"> width</span><span style="color: #0000ff">="90%"</span><span style="color: #ff0000"> border</span><span style="color: #0000ff">="1"</span><span style="color: #ff0000"> class</span><span style="color: #0000ff">="t1"</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">thead</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">th </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="10%"</span><span style="color: #0000ff">></span><span style="color: #000000">
网名</span><span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">th </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="30%"</span><span style="color: #0000ff">></span><span style="color: #000000">
博客</span><span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">th </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="20%"</span><span style="color: #0000ff">></span><span style="color: #000000">
电邮</span><span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">th </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="30%"</span><span style="color: #0000ff">></span><span style="color: #000000">
网络硬盘</span><span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">th </span><span style="color: #ff0000">width</span><span style="color: #0000ff">="10%"</span><span style="color: #0000ff">></span><span style="color: #000000">
QQ</span><span style="color: #0000ff"></</span><span style="color: #800000">th</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">thead</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
wallimn</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
http://blog.csdn.net/wallimn</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
wallimn@tom.com</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
http://wallimn.ys168.com</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
54871876</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
长三江</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
村在</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
北京天安门</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
东四十条</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
21345678</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
长三江</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
村在</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
北京天安门</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
东四十条</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
21345678</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
长三江</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
村在</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
北京天安门</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
东四十条</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
21345678</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
wallimn</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
http://blog.csdn.net/wallimn</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
wallimn@tom.com</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
http://wallimn.ys168.com</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
54871876</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
长三江</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
村在</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
北京天安门</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
东四十条</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
21345678</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
长三江</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
村在</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
北京天安门</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
东四十条</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
21345678</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
长三江</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
村在</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
北京天安门</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
东四十条</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"><</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
21345678</span><span style="color: #0000ff"></</span><span style="color: #800000">td</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">tr</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">table</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #000000"><%<span style="color: #000000">--</span><span style="color: #000000">此方可以用Table行颜色的间隔 </span><span style="color: #000000">--</span><span style="color: #000000">%></span><span style="color: #000000">

</span><span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #ff0000"> language</span><span style="color: #0000ff">="javascript"</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff">for</span><span style="color: #000000"> (i</span><span style="color: #000000">=</span><span style="color: #000000">0</span><span style="color: #000000">;i</span><span style="color: #000000"><</span><span style="color: #000000">TableNew.rows.length;i</span><span style="color: #000000">++</span><span style="color: #000000">) 
{
　　 </span><span style="color: #008000">//</span><span style="color: #008000">(i%2==0)?(TableNew.rows(i).className = "a1"):(TableNew.rows(i).className = "");</span><span style="color: #008000">与下边方法相同
</span><span style="color: #0000ff">if</span><span style="color: #000000">(i</span><span style="color: #000000">%</span><span style="color: #000000">2</span><span style="color: #000000">==</span><span style="color: #000000">0</span><span style="color: #000000">)
{
TableNew.rows(i).className </span><span style="color: #000000">=</span><span style="color: #000000"> </span><span style="color: #000000">"</span><span style="color: #000000">a1</span><span style="color: #000000">"</span><span style="color: #000000">;
}
</span><span style="color: #0000ff">else</span><span style="color: #000000">
{
TableNew.rows(i).className </span><span style="color: #000000">=</span><span style="color: #000000"> </span><span style="color: #000000">""</span><span style="color: #000000">;
}
　　}
</span><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span><span style="color: #000000">

</span><span style="color: #0000ff"></</span><span style="color: #800000">body</span><span style="color: #0000ff">></span><span style="color: #000000">
</span><span style="color: #0000ff"></</span><span style="color: #800000">html</span><span style="color: #0000ff">></span></span></div>
</blockquote>
评论列表
本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
　间隔行　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)