表格隔行换色,真是方便,摘自经典论坛

表格隔行换色,真是方便,摘自经典论坛

代码
摘自:
http://www.blueidea.com/bbs/NewsDetail.asp?GroupName=Dreamweaver+%26+Javascript%D7%A8%C0%B8&DaysPrune=60&lp=1&id=2232008


表格隔行换色,节省代码的好方法
<style>
.db { border-collapse:collapse;}
.db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
<table width="100%" border="1" class="db">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>

上面是每一行隔行换色每两行一循环,下面是每一行隔行换色,每八行一循环
<style>
.db tr{
background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]);
}
</style>


/*
* get parameter form url
* @param {Object} paramName :the name of parameter
* return :the value of parameter
* william 2006-9-25
*/
function getParam(paramName)
{
var hrefStr= window.location.href;
//alert(hrefStr);
var pos = hrefStr.indexOf("?");
var paramStr = hrefStr.substring(pos,hrefStr.length);
//alert(paramStr);
var tempStr = paramStr.substring(paramStr.indexOf(paramName),paramStr.length);
//alert(tempStr);
if(tempStr.indexOf('&')>0)
{
//alert(tempStr.substring(paramName.length+1,tempStr.indexOf('&')) );
return tempStr.substring(paramName.length+1,tempStr.indexOf('&')).replace(/\%20/g,' ') ;
}else
{
//alert(tempStr.substring(paramName.length+1,tempStr.length) );
return tempStr.substring(paramName.length+1,tempStr.length).replace(/\%20/g,' ') ;
}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值