您现在的位置是：首页 > cms教程 > dedecms教程dedecms教程

织梦cms文章列表实现隔行换色功能

灵槐2023-12-21 21:15:31dedecms教程已有15人查阅

导读最近在网上学习织梦CMS时发现了一个可以实现文章列表的隔行换色功能，想一想其实还是有些用处的，或许也能提升网站的用户体验性，提升用户的粘度。

最近在网上学习织梦CMS时发现了一个可以实现文章列表的隔行换色功能，想一想其实还是有些用处的，或许也能提升网站的用户体验性，提升用户的粘度。于是我将文章保存了下来，供大家研究。
首先，在文档页面模板的<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>