php 隔行变色的实现代码

php中文网

发布时间：2016-07-25 08:56:55

2441人浏览过

来源于php中文网

原创

本文介绍下，用php实现隔行变色的一段代码，有需要的朋友参考下。

在php编程中，最常见的一个实现就是动态输出数据，尤其是输出以表格显示的数据。数据来源可以是xml文件，可以是数据库表中的数据，也可以是其它类型的数据，如csv、xls等。

如何以用户友好的方式显示这些数据，有时是个问题。以隔行变色的方式显示数量较大的数据时，不失为一个好办法，结合css样式来实现。可以让数据更清晰易读，更直观。

下面分享的这段代码，可以实现如上的功能，如下：

<?php /*** an array of animals ***/
$animals = array('dingo',
        'wombat',
        'platypus',
        'kangaroo',
        'steve irwin',
        'wallaby',
        'kookaburra',
        'kiwi');
?>



<style type="text/css">

table tbody tr.light {
    background-color:pink;
}

table tbody tr.dark {
    background-color: grey;
}

table tbody tr:hover {
    background-color: white;
}
</style>


<body>
<table>
<thead>
<tr><td>隔行变色</td></tr>
</thead>
<tfoot>
<tr><td>bbs.it-home.org-程序员之家</td><td></td></tr>
</tfoot>
<tbody>
<?php /*** set a counter ***/
    $i=0;
    /*** the CSS class names ***/
    $colors = array('light', 'dark');
    foreach( $animals as $critter )
    {
        echo '<tr class="'.$colors[$i++ % 2].'"><td>'.$critter.'</td>';
    }
?>
</tbody>
</table>

<p>说明：
本例中，我们用到了css3样式表，现在很多浏览器已经支持css3了。
大家可以尝试使用下，功能很强大，效果也不错。</p>
<p>如下：</p><div class="aritcle_card flexRow">
                                                        <div class="artcardd flexRow">
                                                                <a class="aritcle_card_img" href="/xiazai/code/10743" title="易企CMS1.8"><img
                                                                                src="https://img.php.cn/upload/webcode/000/000/010/176352481126128.jpg" alt="易企CMS1.8"  onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
                                                                <div class="aritcle_card_info flexColumn">
                                                                        <a href="/xiazai/code/10743" title="易企CMS1.8">易企CMS1.8</a>
                                                                        <p>易企CMS：国内首款完全基于SEO友好性开发的营销型企业网站系统，让企业网络营销从此易如反掌。 本程序特征：100%开发源代码，免费开源;后台管理操作简单易行;模板div+css标准设计,符合w3c标准，兼容主流浏览器;开发语言和数据库：PHP+Mysql。 本程序亮点：从基础代码开发起完全符合SEOWHY理论的SEO规范，力图实现国内首款对SEO最友好的企业网站开源程序，为企业网络营销的巨大成功</p>
                                                                </div>
                                                                <a href="/xiazai/code/10743" title="易企CMS1.8" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
                                                        </div>
                                                </div>
<pre class="brush: php; auto-links:false;">
tr:nth-child(odd) {
 background-color: red;
}
tr:nth-child(even) {
 background-color: green;
}

PHP如何按行读取文本文件_PHP逐行读取文本文件详细操作【详解】

怎么评估php版本控制效果_评估使用效果指标】

如何在 PHP 输出的字符串中添加换行符

如何在PHP表单中正确显示矩形面积计算结果

如何在 PHP 中为数据库导出表格添加列标题行