• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > PHP开发 > 网页表格隔行显示不同颜色,怎样实现?

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

    作者: 分类:PHP开发 点击: 6,011 次
    wordpress CMS主题:ssmay主题

      在网页中有时会用到表格,为了方便用户预览,我们可以让表格第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条件语句。



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/7720140114898.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.