让织梦的arclist/list循环中判断让前N个li添加class让样式不一样

最新推荐文章于 2021-07-19 18:05:54 发布
最新推荐文章于 2021-07-19 18:05:54 发布
阅读量468 收藏
点赞数
分类专栏： 织梦 文章标签： 织梦li样式 li不同样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhang01457/article/details/105626272
版权

调用代码

[field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me="";[/field:global]

这代码的意思就是，如果循环出的是第一个，则添加class=on，否则为空。

实际案例应用

{dede:arclist row=4 }
<li [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me="";[/field:global]><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}

案例效果展示

织梦使用carousel轮播插件如何给第一个元素添加class样式
zhang01457的博客
01-30 505
如果使用一些开源程序循环调用carousel轮播插件来进行图片展示，它的第一个item元素是没有active这个样式选择器的，那么该如何做才能给第一个元素添加class呢，这次就以织梦程序为例来实现。 首先我们需要 ...
织梦二次开发常用到的标签【特别实用必收藏】
zhou_xijian的博客
10-16 301
1：基本的标题调用 首页 <TITLE>{dede:global.cfg_webname/}</TITLE> <meta name="keywords" content="{dede:global.cfg_keywords/}"> <meta name="description" content="{dede:global.cfg_description/}"> 文章页 {dede:field name="title"/} 这里文章页的标题，{dede:fie
织梦html写判断语句,织梦cms dede:arclist 里面写判断语句详细代码
weixin_31098573的博客
06-01 229
因为我也是dede初学者,遇到了这样的问题,现在直接上代码:{dede:arclist flag=’h’ row=’11’ typeid=’15,16,17,18,19,20′ orderby =’pubdate’ orderway=’asc’}//根据自动增量的索引来判断是否是第一个 第一个的话加一个first样式 否则不加[field:global name=autoindex runph...
织梦dedecms如何对列表添加判断语句
dawanai5802的博客
04-05 296
{channelartlist}这个标签在织梦 dedecms中是频道列表的意思，加上这个标签，系统的所有栏目就会按顺序排列显示，今天tom在做模板的时候想在织梦dedecms的频道列表中对列 表的分布进行区分，也就是排在第一的栏目采用一种class样式，排在第二的栏目则采用另一种class样式，在wp中这种功能可以通过简单的php语言 实现，现在tom研究发现在织梦dedecms中...
织梦arclist标签内容页当前文档高亮添加样式
zxy840552216的博客
06-19 97
最简单的实现方法，不改动程序文件 1 [field:idrunphp=yes]global $id,$aid;$aid = isset($id) ? $id: $aid;if(@me == $aid)@me =' class="current"';else@me ='';[/field:id] 上面那一行标签的意思是：用当前文档id作为判断 如果在dede:arclist标签里有文档的id等于当前文档id就给它加class="curren...
织梦dedecms列表循环判断增加样式的办法
zxy840552216的博客
07-19 212
织梦列表页如果我们想隔行换色或者5篇文档一组，这样的话要怎么操作呢？ 其实方法很简单，我们可以用织梦的autoindex这个标签，通过做条件判断。例：当循环到第3条时增加一个<li class=’on’></li>，示例代码如下： 1 {dede:arclist typeid='3'row='8'} 2 <li class="m[field:global.autoindex/]"> 3...
织梦arclist 五条文章，每条显示的CSS样式不一样。实现方式如下。
dawanai5802的博客
10-27 152
<UL> {dede:arclist row='5'} <LI class="redian[field:global runphp='yes' name=autoindex] @me=@me+0;[/field:global]"><A href="[field:arcurl/]" target=_blank>[field:title/]</...
dede后台织梦笔记总结
09-13
- `dede:list` 是织梦CMS中用来列出文章列表的标签。 - `row` 表示显示的文章数量。 - `pagesize` 代表每页显示的文章数量。 - `titlelen` 定义了文章标题的最大长度。 - `orderby` 指定了排序方式，这里使用的...
织梦标签调用详细展示
10-31
### 织梦标签调用详解 #### 一、面包屑导航样式 面包屑导航是一种辅助导航系统，它显示用户在网站中的位置。织梦CMS通过`{dede:fieldname='position'}`标签来实现这一功能。 **代码示例**： ```html <div class=...
织梦dedecms列表页复合筛选插件教程
东北狼仙
12-07 814
织梦默认的列表页是没有筛选功能的，但有时候我们做产品列表页的时候，产品的字段比较多，很多人都需要用到筛选功能，这样可以让用户更方便的找到自己所需要的东西，实现这个联动筛选功能需要对织梦进行二次开发，下面就告诉大家如何对织梦二次开发实现这个很多人都需要的筛选功能，如下图所示： 首先需要说明的是这个功能需要在模板里面用到php标签，所以需要在后台模板引擎禁用标签里面解除这个标签的禁用，具体方法： ...
dedecms的arclist/list循环中判断只让第一个li添加class
zhang01457的博客
03-29 429
实现效果 第一个li我们加了class来单独控制他的样式显示效果 代码写法如下 [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me="";[/field:global] //这句话的意思就是，如果循环出的是第一个，则添加class=on，否则为空。 实际案例代码写法如下 {dede:ar...
织梦判断缩略图是否为空输出不同样式
weixin_30328063的博客
11-03 225
有时候我们在模板中对文章有缩略图的就显示缩略图，没有缩略图就换个样式，不让它显示为"暂无缩略图"。 简单的单独的缩略图 {dede:field.litpic runphp=yes} if(@me == '/images/defaultpic.gif')@me = "";else @me = "<div class='pic'><img src='@me' class='Pi...
dedecms循环列表样式
weixin_30950607的博客
12-02 143
简单用法： {dede:arclist typeid="1" row="6"} <li class="list[field:global.autoindex/]">[field:title function="cn_substr(@me,63)"/]</li> {/dede:arclist} 输出类似于 <li class="list1">...
通过field:global给子元素添加css样式
weixin_30783629的博客
01-27 196
{dede:arclist row=5 typeid=200} <li [field:global runphp=’yes’ name=autoindex](@me==1)?@me=”class=noo”:@me=””;[/field:global]> <a href=”[field:arcurl /]” target=”_blank”>[field:title /...
DEDECMS V5.6在(layout.css)中预设了6种区块列表样式的调用
weixin_34409741的博客
11-23 113
‍您可以根据自己的实际需要修改使用 下面以首页区块调用位置为例我们来详细介绍这六种列表样式的结构和class 首页模板的<div class="listbox"></div>内是区块列表的调用<dl class="tbox"><dt><strong><a href="{dede:field name='typeurl'/}...
dedecms的arclist循环中判断第一个li添加css，否则不加
weixin_33734785的博客
01-11 204
dedecms的arclist循环中，判断如果是第一个li，则添加固定的css，否则不加   写法如下： {dede:arclist row=4 flag='p'} &lt;li [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me="";[/field:global]&gt;[field...
可以对同一个html元素定义不同的样式,CSS:相同元素不同结构重复定义的问题
weixin_35404745的博客
06-19 452
CSS选择器是构建CSS的基础.在为大型,复杂嵌套的(x)HTML文档进行样式定义时,很有可能会遇上针对相同元素在不同结构下的重复定义的问题,这个问题也是前端开发人员相对头痛的问题.在这种情况 (针对相同元素在不同结构下的重复定义) 发生的前提下,浏览器在渲染页面文件时,会按照一定规则进行优先级排列,然后根据这个优先级权重对发生状况的元素进行处理.而这个浏览器遵循的规则是什么呢?让我们来看一段简单...
遍历一个ul设置各个li不同的样式
热门推荐
马优晨
05-11 1万+
这里经常会遇见用CSS操作一个数组，设置第一个元素的样式与其他元素的样式不一样，这里分析一下常见的几种类型：第一种：数组第一个元素和其他元素设置不同的样式var arry = [11,22,33,44,55,66]<div class="setColor"> <ul> <li v-for="item in arry "></li> </ul> </div>.setCol
在一个div中使用多个样式
big_beer的博客
04-14 2150
目标： 如何在一个div中使用多个样式 代码： <!doctype html> <html> <head> <title>div使用多个样式</title> <meta charset="utf-8" /> </head> <body> <div class="box border"></div> </body
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值