您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

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

灵槐2023-12-21DedeCMS教程已有人查阅

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

本文标签：

很赞哦！ ()

上一篇：如何修改织梦flink标签底层模板中的li样式

下一篇：织梦cms下载地址如何全局调用函数

图文教程

相关源码

(自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发，为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格，提供舒适的阅读体验，同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
(自适应)摄像头安防电子设备pbootcms源码下载本模板基于PbootCMS系统开发，为安防电子设备企业设计，特别适合监控摄像头、安防系统等产品的展示。采用响应式技术，确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码
(自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计，基于PbootCMS内核开发，采用响应式布局确保手机、PC等多端体验一致，帮助宠物医疗机构高效构建线上服务平台。查看源码
(自适应响应式)工业机床工程农业机械设备网站源码下载框架适用于工程机械、机床设备等工业领域。通过模块调整可快速转型为农业机械、物流设备展示系统。预留7种工业产品展示模板。查看源码
(PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统，整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构，支持WebP图像压缩技术。查看源码
(PC+手机)帝国cms7.5漫画图片连载网站源码免费下载本模板基于帝国CMS7.5深度开发，为漫画阅读类网站打造。整体设计风格贴合漫画行业特性，界面布局充分考虑漫画作品的展示需求，支持多种漫画阅读模式。模板采用响应式设计，能够自动适配PC端和移动端设备，为读者提供流畅的阅读体验。查看源码