搜索
热搜： 编程 Python Microsoft 编程语言 C++
首页> CMS教程 > dedecms教程 > 正文

织梦CMS文章列表如何实现隔行换色功能

发布时间：2023-07-30 15:15:58 来源：网络
.
快乐总和宽厚的人相伴，财富总与诚信的人相伴，智慧总与高尚的人相伴，魅力总与幽默的人相伴，健康总与豁达的人相伴。

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

首先，在文档页面模板的<head></head>中加入以下代码：

  1. <style>    
  2. .tr1{background-color:#F2F7D7; height:24px}    
  3. .tr2  {background-color:#FFFFFF; height:24px}    
  4. td { font-size:12px;}    
  5. </style>    
  6. <script>    
  7. function  colortd(ob)  {    
  8.   obob=ob.rows;    
  9.   for(var  i=0;i<ob.length;i++)  {    
  10.     if(i%2)  ob(i).className="tr1";    
  11.     else  ob(i).className="tr2";    
  12.     }    
  13.   }    
  14. </script>  

本文织梦CMS文章列表如何实现隔行换色功能到此结束。人生目标确定容易实现难，但是如果不行动，那连实现的可能也不会有。小编再次感谢大家对我们的支持！

以下您可能有感兴趣的文章:
标签： 文章列表
关于好代码 | 联系方式 | 版权声明 | 合作赞助 | 网站地图