web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

dede织梦文章列表隔行换色的方法

719 ℃

下面给大家分享一段代码能让织梦文章列表背景实现隔行换色效果:具体代码如下,大家可以根据自己的需要进行修改:

示例代码如下:

{dede:arclist row=’12’ titlelen=’33’ typeid=’1′ orderby =’pubdate’}[field:global runphp=’yes’ name=autoindex]$adminbuy.cn_a="<li class=’adminbuy.cn_c’>"; $adminbuy.cn_b="<li class=”adminbuy.cn_d’>";if ((@me%2)==0) @me=$’adminbuy.cn_a; else @me=$’adminbuy.cn_b;[/field:global]<a href='[field:arcurl/]’>[field:title/]</a></li>{/dede:arclist}

通过上边示例可以看出:

此代码使用了autoindex自增,自增的数字与2进行取模,当自增数字%2==0也就是说自增数字能被2整除的时候为真输出$’adminbuy.cn_a,此时的代码为:

{dede:arclist row=’12’ titlelen=’33’ typeid=’1′ orderby =’pubdate’}<li class=”adminbuy.cn_c’><a href='[field:arcurl/]’>[field:title/]</a></li>{/dede:arclist}

不能被2整除的时候为假,输出$’adminbuy.cn_b,此时的代码为:

{dede:arclist row=’12’ titlelen=’33’ typeid=’1′ orderby =’pubdate’}<li class=”adminbuy.cn_d’><a href='[field:arcurl/]’>[field:title/]</a></li>{/dede:arclist}

通过输出li标签里不同的class样式(在css里需定义好2l3.net_c,2l3.net.com_d两种样式)就可以实现隔行换色了。

通过对这段代码的分析我们还可以将思路扩展下,是不是可以实现每隔两行加一条下划线呢?

{dede:arclist row=’12’ titlelen=’33’ typeid=’1′ orderby =’pubdate’}<li><a href='[field:arcurl/]’>[field:title/]</a></li>[field:global runphp=’yes’ name=autoindex]if(@me%2==0)@me="<hr />";else @me="";[/field:global]{/dede:arclist}

通过测试,以上确实可以实现每隔2行加一条下划线。

dede织梦模板后台模块管理空白不显示的解决方法

dedecms {dede:datalist}标签下,if语句的运用!{dede:

dede织梦模板嵌套调用与当前文章关键词相同的文

织梦文章如没有上传图片,则自动替换为百度/谷歌

dedecms文章实现样式currentstyle样式的办法

标签: adminbuy cn dede采集 换色 隔行

上面是“dede织梦文章列表隔行换色的方法”的全面内容,想了解更多关于 织梦cms 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_485.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > 织梦cms
本文共计1170个字,预计阅读时长8分钟

基金从业资格考试题库

一站式备考基金从业资格考试,收录2021-2025年模拟题库!呱呱工具箱

AI工作站

收录全球3800+ 款各行各业AI应用,轻轻松松做事!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
上一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
下一篇: 推荐一款浏览器数据库的开源工具库——Dexie.js(JavaScript调用)
x 打工人ai神器