php利用while单循环实现100行10列表格输出且每行颜色不一样

最新推荐文章于 2021-07-06 12:57:39 发布

afterrains

最新推荐文章于 2021-07-06 12:57:39 发布

阅读量7.6k

点赞数 1

分类专栏： php html+css+div

本文链接：https://blog.youkuaiyun.com/happy_jijiawei/article/details/41409653

版权

php 同时被 2 个专栏收录

136 篇文章

订阅专栏

html+css+div

78 篇文章

订阅专栏

本文介绍了一种使用PHP和JavaScript实现的表格效果，通过PHP生成带有不同背景颜色的表格行，并利用JavaScript实现鼠标悬停时改变行背景色的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如图所示，是利用js、php中while单循环配合if条件语句而实现每行颜色不同，且鼠标移动到哪一行就显示不同颜色的效果。具体实现代码如下：

[html] view plaincopyprint? 
    
 <?php  
 echo "<table border=1 align=center width=800>";  
 echo "<caption><h1>学生成绩表</h1></caption>";  
 $i=0;  
 $j=0;  
 while($i<1000){  
 if($i%10==0){  
 if($j++%2==0){  
    $bgc="#cccccc";  
 }else{  
    $bgc="#aaffaa";  
 }  
           echo "<tr onmouseover='show(this)' onmouseout='noshow(this)' bgcolor='".$bgc."'>";  
         }  
 echo "<td>".$i."</td>";  
   
   
 if(++$i%10==0){  
           echo "</tr>";  
 }  
 }  
 echo "</table>";  
 ?>  
   
 <script>  
 function show(obj){  
       yc=obj.style.backgroundColor;  
                obj.style.backgroundColor="red";  
        }  
   
   
        function noshow(obj){  
                obj.style.backgroundColor=yc;  
        }  
 </script>  
 
   
  
  
 
   
  
  
 
    
   <script>  
function show(obj){  
      yc=obj.style.backgroundColor;  
               obj.style.backgroundColor="#E95A70";  
       }  
  
  
       function noshow(obj){  
               obj.style.backgroundColor=yc;  
       }  
</script> 

[<a href="input.php">继续a添加</a>]
<?php
//这里是PHP代码
header("content-Type: text/html; charset=utf-8");
$sql = "SELECT * FROM `list`";//需要执行的SQL语句(这里是浏览数据功能)
require'conn.php';               //调用conn.php文件，执行数据库操作
?>

 
<table width="100%" border="1">
         <tr bgcolor="#5BFFAD">
            <td ><strong>电话</strong></td>
            <td ><strong>邮箱</strong></td>
            <td ><strong>姓名</strong></td>
            <td ><strong>操作</strong></td>
         </tr>


        <?php
        while($row = mysql_fetch_row($result)) //循环开始
        {
            static  $j=0;
            if($j++%2==0){
                $bgc="#cccccc";
            }else{
                $bgc="";
            }
                      
        ?>
            <tr οnmοuseοver='show(this)' οnmοuseοut='noshow(this)' bgcolor="<?php echo $bgc; ?>">
              <td><?php echo $row[1]; ?></td>
              <td><?php echo $row[2]; ?></td>
              <td><?php echo $row[3]; ?></td>
              <td><div align="center">
              [<a href="edit.php?id=<?php echo $row[0]; ?>">编辑</a>]
              [<a href="del.php?id=<?php echo $row[0]; ?>">删除</a>]
              </div></td>

            </tr>
        <?php
        }
       
        
        ?>
</table>
 
   
 
   
 
  
 
   
  
  
 
   
  
  
 
   www.palmdy.com
  
  