zoukankan      html  css  js  c++  java
  • 网页表格隔行显示不同颜色,怎样实现?

    在网页中有时会用到表格,为了方便用户预览,我们可以让表格第1行显白色,第2行显示淡黄色或其它颜色,这样循环显示(效果如下图)。那么,怎样来实现这种效果呢?其实,我们可以通过PHP轻松实现。下面,就是一个PHP实现效果。

    网页表格隔行显示不同颜色,怎样实现?

    其实,我们可以通过PHP轻松实现。下面,就是一个PHP实现效果的代码:

    <?phpecho "<table border='1' cellpadding='0' cellspacing='2'>";$a=0; //单元格数$b=1; //表格的行数while($a<1000) //循环1000次,只要$a小于1000,就不断循环,

    {

    if($a%10==0)  //当$a除以10后的余数等于0时,即10的倍数时

    {

    if($b%2==0) //当$b除以2后的余数等于0时,即偶数行

    {

    echo "<tr  style='background-color:#fff000'>"; //这一行就显示这个背景颜色

    }

    else

    {

    echo "<tr>";  //否则默认

    }

    $b++;

    }

    echo "<td width='70'>".$a."</td>";  //输出单元格数

    $a++;

    if($a%10==0)

    {

    echo "</tr>";  //每逢10的倍数时,行尾符

    }

    }

    echo "</table>";

    ?>

    也可以用下面的代码:

    <?phpecho "<table border='1'>";

    $a=0;

    $b=0;

    while($a<1000)

    {

    if($a%10==0)

    {

    if($b++%2==0)

    {

    $col="#ffjjdd";

    }

    else

    {

    $col="#000fff";

    }

    echo "<tr bgcolor='".$col."'>";

    }

    echo "<td width='70'>".$a."</td>";

    if(++$a%10==0)

    echo "</tr>";

    }

    echo "</table>";

    ?>

    以上两种方法都是单循环来实现表格换行变色。我们也可以通过双重循环来实现同样的效果。代码如下:

    <?php

    echo "<table border='1' align=center width='800'>";

    $a=0;

    $k=0;

    while($a<100)

    {

    if($a%2==0)

    $col="#cccccc";

    else

    $col="#aaddcc";

    echo "<tr bgcolor='".$col."'>"; //this存储这行对象。

    $b=0;

    while($b<10)

    {

    echo "<td>".$k++."</td>";

    $b++;

    }

    echo "</tr>";

    $a++;

    }

    echo "</table>";

    ?>

    这段代码显示效果就如上图。这里用到了2种语句:1个是while循环语句,这里循环了1000次;循环语句里面又嵌入if条件语句。

  • 相关阅读:
    计算机存储的大小端模式解析
    栈的存储结构和常见操作(c 语言实现)
    一道 google曾出过的笔试题:编程实现对数学一元多项式的相加和相乘操作(1)
    线性链表其他种类(静态,双向,循环)的存储结构和常见操作
    用户手势检测-GestureDetector使用详解
    android Socket 编程
    Android 网络请求get/post工具类:NetUtil
    使用Memcached提高.NET应用程序的性能
    基于OCS实现高速缓存
    如何加快网站访问速度
  • 原文地址:https://www.cnblogs.com/ZDPPU/p/6004256.html
Copyright © 2011-2022 走看看