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

编程代码

[field:global.autoindex/]实现数字序号列表

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

Nov
2019

导语
标题描述的不太清晰,我们先看图: 很多时候我们在做新闻列表前面的序号时都直接采用的是背景图片来实现的,但是这样我们在实际写页面过程中需要手动调整每个序号间的间距,
 

标题描述的不太清晰,我们先看图:

[field:global.autoindex/]实现数字序号列表

很多时候我们在做新闻列表前面的序号时都直接采用的是背景图片来实现的,但是这样我们在实际写页面过程中需要手动调整每个序号间的间距,对于排版来说特别的麻烦。今天这个新闻的目的就是是介绍如何利用dedecms的[field:global.autoindex/]来实现前面的序号以及背景样式。

实现办法:我们先看下面一段代码

{dede:arclist  typeid=’1′ limit=’0,10′ titlelen=’30′} <li><em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]</em><a href=http://www.dede58.com/a/dedejq/”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>[field:title/]</a></li>{/dede:arclist}

//@me 表示这个标记本身的值

//autoindex 自增序号 就想是一般循环有语句中的 i++  循环一次 自动加1

//runphp=”yes”  在php程序中运行

// em 大家都懂吧 是一个html标签<em>其他的大家都懂的 我就不扯了

源码经过解析后前台显示为

<li><em class=”num3″>01</em><###</li>
<li><em class=”num3″>02</em>##</li>
<li><em class=”num3″>03</em>##</li>

<li><em class=”num”>09</em>##</li>
<li><em class=”num”>10</em>##</li>

显示为10行,而且前面都带有编号,至于序号上的色彩边框我想大家用css或者是图片都是可以实现的吧!

解释下上面的语句,autoindex<4 则让autoindex的值返回3   如果autoindex<10 则让autoindex的值返回0autoindex;

如果说你要调用数字特别有规律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一个固定的数值,那么可以这样写@me=“@me”+1 ,其它请自行尝试@me=“@me+1 ”是不对的,那样+1会看作是一个字符串!

dedecms运用[field:global.autoindex/]实现数字序号列表就写到这里,上面的案例只能在arclist标签中使用,请大家注意了

郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/13968.html。转载请保留出处,谢谢合作!

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

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

微信扫一扫 添加微信

推荐分享,免费SEO诊断

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

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

上一篇:dede:globalautoindex 标签起始数值修改

下一篇:DEDE添加迅雷专用链接(半迅雷化)

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