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