PDA

View Full Version : 文档列表隔行变色,5行js控制,简单、高效


Sabina
2014-05-01, 10:26 PM
实现方法:在文档页面模板的<head></head>中加入以下代码:



<style>    
.tr1{background-color:#F2F7D7; height:24px}    
.tr2  {background-color:#FFFFFF; height:24px}    
td { font-size:12px;}    
</style>    
<script>    
function  colortd(ob)  {    
  obob=ob.rows;    
  for(var  i=0;i<ob.length;i++)  {    
    if(i%2)  ob(i).className="tr1";    
    else  ob(i).className="tr2";    
    }    
  }    
</script>  



第二步修改body 标签为<body onLoad="colortd(list)">

第三步调用实例为:




<table width="350px" border="0" cellpadding="1" cellspacing="1" align="center"  style="background:#ABC094;" id="list">    
 {dede:arclist limit='0,12' titlelen=80}    
  <tr><td>  <img src="ico.gif" width="13" height="13" align="absmiddle"> <a href="[field:arcurl/]">[field:title/]</a></td></tr>     
 {/dede:arclist}    
</table>  



效果图如下:
http://www.0058.net/attachment.php?attachmentid=47&stc=1&d=1398954379