您现在的位置是：首页 > 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下载地址如何全局调用函数

图文教程

相关源码

(响应式)WordPress主题Ripro9.0博客免扩展二开版RiPro9.0是基于RiPro8.9版本深度二开优化的资源付费主题，源码修正，修复原版多处功能异常，确保系统稳定运行。支持虚拟主机环境部署，无需特殊服务器配置。查看源码
pbootcms模板(PC+WAP)微信小程序开发公司网站本模板为微信小程序开发代理、软件开发公司等企业设计，基于PbootCMS内核开发，支持PC+WAP双端响应式布局，数据实时同步，适用于多行业快速建站。查看源码
WordPress主题模板主题巴巴/博客X主题源码免费下载博客X主题专注于内容创作领域，为博客、资讯类网站提供专业的内容展示解决方案。该模板采用精心设计的布局结构，能够有效提升内容的可读性和用户停留时间。查看源码
(自适应响应式)教育培训机构集团网站pbootcms源码下载本模板基于PbootCMS系统开发，为教育培训机构设计，特别适合展示课程体系、师资团队和教学成果。采用响应式技术，确保在各类设备上都能提供良好的浏览体验。查看源码
自适应电子科技类产品公司pbootcms网站模板基于PbootCMS内核开发，为电子科技类企业设计，适用于电子产品展示、企业官网等场景。该模板采用‌开源架构‌，用户可自由访问和修改源码，灵活适配各类行业需求，无需二次开发成本查看源码
(自适应响应式)环保净化器家用电器网站免费模板针对环保设备、环境监测等领域的PbootCMS响应式模板，通过模块化设计清晰展示污水处理技术、空气净化系统等解决方案。移动端呈现环保数据可视化图表，后端统一管理确保项目案例、技术等资料多端同步。查看源码