主页 > 网站建设 > 建站知识 > 织梦CMS文章列表实现隔行换色功能

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

POST TIME:2020-03-28 19:07

最近在网上学习织梦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. functioncolortd(ob){
  8. obob=ob.rows;
  9. for(vari=0;i<ob.length;i++){
  10. if(i%2)ob(i).className="tr1";
  11. elseob(i).className="tr2";
  12. }
  13. }
  14. </script>


收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266