欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

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

标签: 作者:融科网络 | 点击:
02

Sep
2018

导语
织梦dedecms文章列表隔行换色的方法,示例代码如下:{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}.
 
织梦dedecms文章列表隔行换色的方法,示例代码如下:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
[field:global runphp='yes' name=autoindex]
$ppssdd.com_a="<li class='ppssdd.com_c'>";  
$ppssdd.com_b="<li class=''ppssdd.com_d'>";
if ((@me%2)==0) @me=$'ppssdd.com_a;  
else @me=$'ppssdd.com_b;
[/field:global]
<a href='[field:arcurl/]'>[field:title/]</a>
</li>
{/dede:arclist}
 
通过上边示例可以看出:
此代码使用了autoindex自增,自增的数字与2进行取模,当自增数字%2==0也就是说自增数字能被2整除的时候为真输出$'ppssdd.com_a,此时的代码为:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li class=''ppssdd.com_c'><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}
不能被2整除的时候为假,输出$'ppssdd.com_b,此时的代码为:
{dede:arclist row='12' titlelen='33' typeid='1' orderby ='pubdate'}
<li class=''ppssdd.com_d'><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}
通过输出li标签里不同的class样式(在css里需定义好moke8.com_c,moke8.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行加一条下划线。
郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/860.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:织梦dedecms后台验证码不显示解决方法

下一篇:织梦dedecms常用数据统计SQL调用代码

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制