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

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

332 ℃
     

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

示例代码如下:

{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织梦模板后台模块管理空白不显示的解决方法

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

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

dede二次开发:无子栏目时显示同级栏目的问题

绝对准确:DEDE采集文档审核时修改为当前时间

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

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

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

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

当前位置: 网站首页 > 织梦cms
本文共计1170个字,预计阅读时长8分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一个免费可商用psd文件素材网站——FreePik
下一篇: 一行代码轻松实现优雅的过渡动画插件——AutoAnimate
x 打工人ai神器