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