DTcms列表隔行换色；loop自带行号

<%loop cdr2 bcategoryList%>
      <%if(cdr2__loop__id==1)%>
      <a class="no-bg" href="<%linkurl("goods_list",{cdr2[id]})%>">{cdr2[title]}</a>
      <%else%>
      <a href="<%linkurl("goods_list",{cdr2[id]})%>">{cdr2[title]}</a>
      <%/if%>
      <%/loop%>

loop循环标签主要是数据列表中使用的，其中自带有行号变量datarow__loop__id，该变量是从1开始

与foreach的区别是loop循环自带行号

时间： 2024-12-21 23:46:08

DTcms列表隔行换色；loop自带行号的相关文章

实现table、列表隔行换色

为了增强用户体验,快速识别行内容,一般都会在一些列表或者表格设置隔行换色~ 本人了解到的有两种常用的方法~ 1,利用CSS进行隔行换色 tr{ background: #E0F0FA;} tr:nth-child(2n){ background: white;} //规定属于其父元素的第2n(第偶数个)个子元素的每个 tr 的背景色 tr{ background-color: expression((this.sectionRowIndex % 2 == 0) ? "#E0F0FA"

列表隔行换色nth-child() 选择器

w3c 说明 dd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是 1). 在这里,我们为奇数和偶数 p 元素指定两种不同的背景色: p:nth-child(odd){ background:#ff0000; }p:nth-child(even){ background:#0000ff; } 在一些比较多信息的列表里,需要不同颜色的横背景来较容易分辨信息, 可以使用nth-child()选择器来进行交换色;

Atitit.隔行换色  变色 css3 结构性伪类选择器

Atitit.隔行换色变色 css3 结构性伪类选择器 1.1. css3隔行换色扩展阅读 1 1.2. 结构伪选择器 1 1.3. jQuery 选择器2 1.1. css3隔行换色扩展阅读原理就是利用结构伪类选择器 .list_div tr:nth-of-type(odd){background:#fff;} /* 奇数行 */ /*-------------------------------*/ .list_div tr:nth-of-type(even){ background:

隔行换色

这是在直接在jsp页面中使用java代码<% //每页显示的新闻列表 List<News> newsList=newsService.getPageNewsList(pageIndex,pageSize); int i=0; for(News news:newsList){ i++; } %> <tr<%if(i%2!=0){%>class="admin-list-td-h2<%}%>"> <td><%=ne

表格隔行换色

实现列表中隔行显示背景颜色 Html代码 <div class="searchListDetail"> <ul class="bold"> <li>姓名</li><li>公司</li><li>职位</li><li>标签</li><li>性别</li><li>工作年限</li> </ul>

2、开关灯-选项卡-隔行换色

一. <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> html,body{ margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; } </style> </hea

网页设计制作CSS实现隔行换色两种方法

网页设计制作CSS实现隔行换色两种方法 2007-12-21 20:59:44 来源:网页教学网网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容:<style type="text/css">UL.myul1 LI{}</style><ul class="myul1"><li id="li1">111</li><li id="li2"

封装一个简单的隔行换色

代码运行效果:笔者接触JS时间不长,对于传参和封装函数理解不够透彻,经过多次练习稍有感悟,为了加深理解写了这篇简单的隔行换色,希望能对刚接触JS的朋友有所帮助,以下是程序代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:

jQuery实现的table表格隔行换色代码实例

jQuery实现的table表格隔行换色代码实例:下面是一段代码实例,能够实现隔行变色的效果,这是网站人性化措施之一,在实际应用中的使用非常广泛.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <t