您现在的位置是：首页 > 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开源内核开发的极简个人博客模板，采用移动优先设计原则，通过Media Query技术实现320px至1920px六级分辨率适配，确保在手机、平板及PC设备上均呈现良好的视觉体验。查看源码
(自适应响应式)英文外贸医疗科研耗材设备pbootcms网站模板为医疗设备和外贸企业设计的响应式网站模板，基于PbootCMS系统开发。突出医疗产品认证展示和国际化特性，通过专业化的产品参数展示模块和文档管理系统，满足医疗行业严格的信息披露要求。查看源码
自适应电子科技类产品公司pbootcms网站模板基于PbootCMS内核开发，为电子科技类企业设计，适用于电子产品展示、企业官网等场景。该模板采用‌开源架构‌，用户可自由访问和修改源码，灵活适配各类行业需求，无需二次开发成本查看源码
pbootcms网站模板响应式全屏旅游景区网站源码本模板为风景民宿、旅游景区等企业设计，基于PbootCMS内核开发，具备响应式布局与专业SEO优化功能，助力企业低成本高效获客。以下是核心特点：查看源码
(响应式)WordPress主题Ripro9.0博客免扩展二开版RiPro9.0是基于RiPro8.9版本深度二开优化的资源付费主题，源码修正，修复原版多处功能异常，确保系统稳定运行。支持虚拟主机环境部署，无需特殊服务器配置。查看源码
(自适应响应式)动力刀座五金机械设备pbootcms网站源码下载为动力刀座及五金机械企业定制的响应式网站框架，基于PbootCMS系统深度开发，助力传统制造企业实现数字化转型升级。采用手工编写的DIV+CSS前端架构，代码执行效率提升40%。查看源码