DEDE隔行变色以及分组加线修改方法

打开：inc_channel_unit_functions.php
加入下面一段 


代码如下:

//zouql
//$f 列表总数
//$t 每组列表数
function MyList($f,$t,$meid,$con)
{
if($meid%$t ==0 && $meid < $f)
return $con;
}

使用举例： 


代码如下:

<ul>
{dede:arclist row=20 titlelen=80 orderby=pubdate}
<li [field:global name=autoindex function='MyList("20","2",@me,"class=\"color\"")'/]>[field:textlink/]</li>
[field:global name=autoindex function='MyList("20","5",@me,"<li class=\"line\"></li>")'/]
{/dede:arclist}
</ul>

上面例子中包含了2个用法：


代码如下:

[field:global name=autoindex function='MyList("20","2",@me,"class=\"color\"")'/]

和


代码如下:

[field:global name=autoindex function='MyList("20","5",@me,"<li class=\"line\"></li>")'/]

第一个，如果你定义了相关css，就是隔行变色
第二个，如果你定义了相关css，就是隔5行加一横线，20个列表加3个线不是4个，最后一个不加
想最后也加去掉 && $meid < $f 即可。

赞 (0)

相关推荐

  • DEDE隔行变色以及分组加线修改方法

    打开:inc_channel_unit_functions.php 加入下面一段  复制代码 代码如下: //zouql //$f 列表总数 //$t 每组列表数 function MyList($f,$t,$meid,$con) { if($meid%$t ==0 && $meid < $f) return $con; } 使用举例:  复制代码 代码如下: <ul> {dede:arclist row=20 titlelen=80 orderby=pubdate} &

  • javascript表格隔行变色加鼠标移入移出及点击效果的方法

    本文实例讲述了javascript表格隔行变色加鼠标移入移出及点击效果的方法.分享给大家供大家参考.具体分析如下: 表格隔行变色,也是一个提高用户体验的js效果. 效果实现: 表格奇偶行的颜色不一样.这样可以防止用户看数据时串行. 鼠标移入某行时变颜色,移出再变回来.这样可以让用户清楚的知道自己正在看哪一行. 表格点击变色.便于用户选中自己想保留的项.   说明: i%2 每个数和2取模的值,只有0和1两种,这样就可以实现隔行变色的效果 tables_li[i].onoff = 1;  为了实现

  • thinkPHP分组后模板无法加载问题解决方法

    thinkPHP分组后模板无法加载问题解决方法

    本文分析了thinkPHP分组后模板无法加载问题解决方法.分享给大家供大家参考,具体如下: 一个分组简要的目录结构如下图所示: 默认分组配置为Home.当访问localhost/server/时可以正常访问前台,localhost/server/home/Index/index也能正常访问. 但是,localhost/server/admin却不能加载tpl页面,但是能够访问到控制器(localhost/server/admin/Index/index能访问,display不出页面). 解决:

  • 使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <!-- 引入的css压缩文件 --> <link rel="stylesheet" type="text/css" href=&quo

  • JS与jQuery实现隔行变色的方法

    JS与jQuery实现隔行变色的方法

    本文实例讲述了JS与jQuery实现隔行变色的方法.分享给大家供大家参考,具体如下: 传统的JS方法: <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> windo

  • JavaScript实现99乘法表及隔行变色实例代码

    JavaScript实现99乘法表及隔行变色实例代码

    项目需求:实现在页面中输出99乘法表.(要求:以每三行为一组,实现隔行变色(颜色为白,红,黄(也可自己定义)),鼠标滑过每一行,行背景颜色变为蓝色,鼠标离开又恢复原来的颜色),隔行变色的效果需要用if和switch两种判断方式都能实现: 额,分析一下实例要求:一个99乘法表,一个多方法的隔行变色,鼠标滑过变另外一个颜色,离开恢复原色. 嗯,我们一步步来吧! 99乘法表的实现,我相信很多人都知道怎么实现,无非是2个for循环得到的结果,这里我就不多做解释,还不理解的同学可以仔细研究一下代码,研究一

  • Asp.net GridView隔行变色和光棒效果2种方法实现

    方法一:前台和后台配合使用 1.aspx 隔行变色属性(<AlternatingRowStyle BackColor="#f5f5f5" />) 复制代码 代码如下: <asp:GridView ID="gvProjectList" runat="server" OnRowCreated="gvProjectList_RowCreated"> <AlternatingRowStyle BackCo

  • php简单隔行变色功能实现代码 原创

    本文简单分析了php简单隔行变色功能实现方法.分享给大家公大家参考.具体如下: $color=""; echo "隔行变色效果:"; echo "<ul>"; for($i=1;$i<=5;$i++){ if($i%2==0){ $color="yellow"; } if($i%2==1){ $color="red"; } echo "<li style=\"ba

  • 原生JS操作网页给p元素添加onclick事件及表格隔行变色

    原生JS操作网页给p元素添加onclick事件及表格隔行变色

    1. 给网页中的所有p元素添加onclick事件: 复制代码 代码如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>Insert title here</title> <!-- <script src="jQuery/jquery-1.10.2.

  • jQuery轻松实现表格的隔行变色和点击行变色的实例代码

    jQuery轻松实现表格的隔行变色和点击行变色的实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

随机推荐