西安網站建設,西安建網站,選擇心海網絡!
當前位置:主頁 > 心海資訊 >

在織夢中如何實現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>
------分隔線----------------------------
------分隔線----------------------------
体彩排列五走势图带连线