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

时间:2014-09-04

最近在网上学习织梦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>  

相关文章