西安网站建设,西安建网站,选择心海网络!
当前位置:主页 > 心海资讯 >

在织梦中如何实现table布局的tr隔行换色

时间: 2015-01-21 16:01 / 作者:anxifu528/来源:未知
在织梦中如何实现table布局的tr隔行换色

关键词:隔行变色arclist调用实例,如何在织梦的table布局中实现隔行变色

代码如下,把下面的代码作为模板在织梦中使用即可:

<html>
<head>
    <style>
        .tr1 {
            background-color: #F2F7D7;
            height: 24px;
        }
        .tr2 {
            background-color: #FFFFFF;
            height: 24px;
        }
        td {
            font-size: 12px;
        }
    </style>

    <script>
function  colortd(ob)  {
  ob=ob.rows;
  for(var  i=0;i<ob.length;i++)  {
    if(i%2)  ob(i).className="tr1";
    else  ob(i).className="tr2";
    }
  }
    </script>

</head>
<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>
                &nbsp;&nbsp;<img src="images/ico.gif" width="13" height="13" align="absmiddle">&nbsp;<a
                    href="[field:arcurl/]">[field:title/]</a>
            </td>
        </tr>
        {/dede:arclist}
    </table>
</body>


</html>
------分隔线----------------------------
------分隔线----------------------------