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

图文教程

相关源码

(PC+WAP)家居装饰家装建材营销型网站pbootcms模板下载本模板基于PbootCMS开发，主要服务于家居装饰、建材及相关行业。采用现代化设计风格，同时适配PC和移动设备访问。模板结构清晰，突出展示家装案例和建材产品，帮助企业在线上建立专业形象，有效展示产品与服务优势。查看源码
(自适应)蓝色厨卫厨房水龙头阀门水槽设备源码下载基于PbootCMS内核开发，深度适配厨卫设备行业特性。通过精准的产品展示模块与水效标识专区设计，有效呈现五金件工艺细节。响应式布局确保从手机到平板都能展示金属质感与水流动态效果。查看源码
(PC+WAP)历史复古古典古籍文章资讯类pbootcms模板下载本模板基于PbootCMS系统开发，为古籍研究、历史文献类网站设计，特别适合展示古典书籍、历史档案等文化内容。采用复古风格设计，同时具备现代化响应式布局，确保在PC和移动设备上都能呈现优雅的阅读体验。查看源码
帝国cms7.5模板生活常识美食女性时尚综合资讯门户源码本模板为帝国cms7.5生活资讯类网站设计，以天奇生活网为参考原型，涵盖生活常识、美食烹饪、女性时尚等多元化内容板块。采用响应式布局设计，适配各种终端设备，为访客提供优质的阅读体验。模板结构清晰合理，内容展示层次分明，符合生活类网站的用户需求。查看源码
(自适应响应式)英文外贸汽车零配件五金机械网站模板为汽车零部件制造商与五金机械出口企业打造的响应式网站模板，内置多语言切换功能，支持产品参数表、OEM能力展示等外贸场景需求。通过结构化数据展示帮助海外买家快速理解产品规格。查看源码
响应式pbootcms模板新闻资讯博客自媒体门户网站行业通用解决方案为新闻资讯、自媒体博客打造的响应式网站模板，同时支持企业门户、行业资讯等多场景快速适配。通过简单的图文替换即可实现跨行业转型，显著降低建站成本。查看源码