自营/投资隔行css实现表格隔行变色怎么做

利用static实现表格的颜色隔行显示&&&利用static实现表格的颜色隔行显示&&&利用static实现表格的颜色隔行显示我们用PHP从数据库查询数据,并将结果输出到浏览器上,如果结果有很多行,表格的bgcolor如果全是单色的,浏览者会感觉不太舒服。那麽怎样做使表格各行的颜色不同呢? 请看下面: & function getcolor() {static $//定义一个静态变量 if($colorvalue==&#ffffff&) $colorvalue=&#000000&; else $colorvalue=&#ffffff&; return($colorvalue); } print(&&table border=1&n&);//下面输出10行 for($i=0;$i&10;$i++) {$bcolor=getcolor();//换背景颜色 print(&&tr bgcolor=$bcolor&n&); print(&&td&$i&/td&n&); print(&&/tr&&); } print(&&/table&n&); 说明: 此程序中定义了一个静态变量static $colorvalue意思是在函数调用结束后, 此变量$colorvalue还保留值,没有消失。当再次调用getcolor()函数时,变量$colorvalue的值是上次函数调用结束时$colorvalue的值。 &您现在正在浏览:
如何在html文档里做隔行换色的多行方法
发布时间:
01:12:31 &
浏览次数:
摘要: 点击换色插件javascript隔行换色函数代码asp.net水晶报表隔行换色实现方法Js实现表格隔行换色一例表格隔...
怎样在html文档里做隔行换色的多行方法
既然你都知道是隔行换色了,那就隔行换色就是了。方法很多。
最直接的在每一行的上直接加bgcolor="red"。
用css的话就定义行二个颜色的类。在每一行交替使用这个类就是了。如:
tr class="trClass1"
tr class="trClass2"
New Document
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐1
无标题文档
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
非常推荐2
表格隔行换色
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
Untitled Document
jsjsdjksdfdfgdfd
vrtbtynyudegbg
btrgjyjyukmymy
fvdfthdhyjd
htyjertyuktuijcdukdetyjety
fdghrguiowheruighiaue
aosiiopweorhwdebfcjlhaSD
SDHFKAJBNELFJAOSDFA
是士大夫金粟兰搭街坊棵
打开立脚点艰苦发挥感
地方了;赶快地方经过
当然人;铁蒺藜课题那样立刻人
豆腐干大后方大概部分
如同如同忽然体育如同
规范化如同依然同样如
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
JS实现简洁(隔行换色、高亮显示)表格特效
基于Jquery的表格隔行换色,移动换色,点击换色插件
javascript 隔行换色函数代码
asp.net 水晶报表隔行换色实现方法
Js 实现表格隔行换色一例
表格 隔行换色升级版
jQuery 隔行换色 支持键盘上下键,按Enter选定值
不用javascript实现带序号的表格隔行换色的效果
repeater隔行换色与鼠标停留在上面达到变色效果
本周技术实现排行CSS实现表格隔行变色
class=”altrow”&
&title&Member
List&/title&
.datalist{
border:1px solid #0058a3; & &
font-family:A
border-collapse: & &
background-color:#eaf5 & &
font-size:14
.datalist caption{
padding-bottom:5
font:bold 1.4
text-align:
.datalist th{
border:1px solid #0058a3; & &
background-color:#4 & &
color:#FFFFFF; & &
font-weight:
padding-top:4 padding-bottom:4
padding-left:12 padding-right:12
text-align:
.datalist td{
border:1px solid #0058a3; & &
text-align:
padding-top:4 padding-bottom:4
padding-left:10 padding-right:10
.datalist tr.altrow{
background-color:#c7e5 & &
&table class="datalist" summary="list of members in
EE Studay"&
&caption&Member
List&/caption&
scope="col"&Name&/th&
scope="col"&Class&/th&
scope="col"&Birthday&/th&
scope="col"&Constellation&/th&
scope="col"&Mobile&/th&
& &!-- 奇数行 --&
&td&isaac&/td&
&td&W13&/td&
&td&Cancer&/td&
&td&1118159&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&girlwing&/td&
&td&W210&/td&
&td&Virgo&/td&
&td&1307994&/td&
& &!-- 奇数行 --&
&td&tastestory&/td&
&td&W15&/td&
&td&Sagittarius&/td&
&td&1095245&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&lovehate&/td&
&td&W47&/td&
&td&Virgo&/td&
&td&6098017&/td&
& &!-- 奇数行 --&
&td&slepox&/td&
&td&W19&/td&
&td&Scorpio&/td&
&td&0658635&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&smartlau&/td&
&td&W19&/td&
&td&Capricorn&/td&
&td&0006621&/td&
& &!-- 奇数行 --&
&td&whaler&/td&
&td&W19&/td&
&td&Capricorn&/td&
&td&1851918&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&shenhuanyan&/td&
&td&W25&/td&
&td&Aquarius&/td&
&td&0621827&/td&
& &!-- 奇数行 --&
&td&tuonene&/td&
&td&W210&/td&
&td&Sagittarius&/td&
&td&0091704&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&ArthurRivers&/td&
&td&W91&/td&
&td&Pisces&/td&
&td&0468357&/td&
& &!-- 奇数行 --&
&td&reconzansp&/td&
&td&W09&/td&
&td&Libra&/td&
&td&3643041&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&linear&/td&
&td&W86&/td&
&td&Leo&/td&
&td&6398341&/td&
& &!-- 奇数行 --&
&td&laopiao&/td&
&td&W41&/td&
&td&Taurus&/td&
&td&1254004&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&dovecho&/td&
&td&W19&/td&
&td&Sagittarius&/td&
&td&1892013&/td&
& &!-- 奇数行 --&
&td&shanghen&/td&
&td&W42&/td&
&td&Gemini&/td&
&td&1544254&/td&
&tr class="altrow"&
&&!-- 偶数行 --&
&td&venessawj&/td&
&td&W45&/td&
&td&Aries&/td&
&td&1523753&/td&
& &!-- 奇数行 --&
&td&lightyear&/td&
&td&W311&/td&
&td&Aries&/td&
&td&1002908&/td&
class=altrow”&
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。如何成为分析师-一个投行内部人士的心得_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
评价文档:
暂无相关推荐文档
如何成为分析师-一个投行内部人士的心得
阅读已结束,如果下载本文需要使用
想免费下载本文?
把文档贴到Blog、BBS或个人站等:
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢}

我要回帖

更多关于 jquery表格隔行变色 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信