隔行换色


这是在直接在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><%=news.getAuthor()%></td>
        <td><%=news.getCreateDate()%></td>

使用JSTL与EL表达式隔行换色
        主要看红色字体部分
    <c:forEach var="news" items="${list }" varStatus="status" >
        <tr <c:if test="${status.count%2==0 }">class="admin-list-td-h2"</c:if>>
        <td>
            <a href=‘newsDetailView.jsp?id=${news.id }‘><c:out value="${news.title }" escapeXml="true" /></a>
        </td>
        <td>
            <c:out value="${news.author }" default="无" />
        </td>
        <td>
            <fmt:formatDate value="${news.createDate }" pattern="yyyy-MM-dd"/>
        </td>
        <td>
            <a href=‘<c:url value="adminNewsEdit.jsp">
                            <c:param name="id" value="${news.id }"></c:param>
                        </c:url>
                    ‘>修改</a>
                    <a href="javascript:if(confirm(‘确认是否删除此新闻?‘)) location=‘adminNewsDel.jsp?id=2‘">删除</a>
        </td>
        </tr>
    </c:f
时间: 2024-12-28 01:10:59

隔行换色的相关文章

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:

Atitit.隔行换色 &#160;变色 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:

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

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

在PHP当中制作隔行换色的效果以及制作上下翻页的效果!

首先说明隔行换色的效果,需要用到tr:nth_child(odd);或者括号里的值是even,odd是从第一行开始隔一行,even是从第二行开始: 具体代码如下图案所示: 1 <style> 2 /*tr:nth-child(even){*/ 3 /*background: #cad9ea;*/ 4 /*}*/ 5 </style> 在数据库当中查询第几条开始和我们需要显示的数据只要几条:我们可以用到limin语句,具体代码如下: 1 $sql = "select * f

jQuery实现表格隔行换色且感应鼠标高亮行变色

jQuery插件实现表格隔行换色且感应鼠标高亮行变色 http://www.jb51.net/article/41568.htm jquery 操作DOM的基本用法分享http://www.jb51.net/article/30047.htm jQuery技术之事件处理 http://blog.csdn.net/woshisap/article/details/7434010 jQuery实现表格隔行换色且感应鼠标高亮行变色,布布扣,bubuko.com

SSRS 2012 聚合函数 -- 隔行换色示例

SSRS 2012 聚合函数 -- 隔行换色示例 有时我们希望报表能够显示出数据笔数的流水序号,如果要使用T-SQL查询来做出这种效果,通常必须使用RANK函数以自动产生编号,在此将介绍如何使用SSRS的RowNumber(RunningValue也可以做到)聚合函数来做出自动编号,以及将数据单元格根据序号进行隔行换色的效果. 步骤1: 使用之前的数据集,设计一张以产品大类为组的每日销售量明细表. 步骤2: 我们在交易日右方的数据单元格中撰写以下表达式(以下两者皆可).即可显示出数据序号: =R

三种php表格隔行换色

第一种for{}eles{}: <?php echo "<table width='80%' border = 1 cellpadding=5 cellspacing=0>"; for ($i = 1; $i <= 5; $i++){ if($i % 2 == 0){ echo '<tr align="center" bgcolor="red">'; }else{ echo '<tr align=&quo