PHP While - 每次颜色变化

Question

我有一个 PHP while 循环，它在表格中显示数据库的内容。 我想让表格中的所有行都变成不同的颜色。

但不仅仅是随机的。我希望它们有不同深浅的红色，第一行是最红的，然后其余的会变成浅红色。

作为一个例子，我想要和 iPhone App 一样的效果：清除。 图片示例：http://www.realmacsoftware.com/_resources/clear/images/ss_pinch.png

我尝试在 CSS 和一些 jQuery 中使用 -nth 来制作效果，但就是想不通。我希望你能试一试。

代码如下：

<table>


<tr>
<td align="center"><strong>Navn:</strong></td>
<td align="center"><strong>Spørgsmål:</strong></td>
<td align="center"><strong>Tid:</strong></td>

</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>


<?php
}
?>

</tr>
</table>

Answer 1

<?php
$colors = array("yellow","red","green","silver");
$i=0;
while($rows=mysql_fetch_array($result)){
?>
<tr bgcolor="<?php echo $colors[$i]; ?>">
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>


<?php
$i<3?$i++:$i=0;
}
?>

如果你想换成 rgb 颜色模式，像这样替换，然后将颜色名称更改为 rgb 比例，例如 rgb(100,100,100)

Answer 2

您必须在表格行中应用 css。

<div class="grad">
<table>
<tr>
<td align="center"><strong>Navn:</strong></td>
<td align="center"><strong>Spørgsmål:</strong></td>
<td align="center"><strong>Tid:</strong></td>
</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>
</div>
 <?php
 }
?>
</tr>
</table>


<script>

//css Part
.grad
{
   background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
}
</script>

Answer 3

如果您需要为每个元素使用不同的颜色，则静态 CSS 文件无法描述。您可以即时生成 CSS 文件，但我选择了内联样式。如果可以使用静态 CSS 文件，请不要使用内联样式。

对于从红色到白色的简单线性插值，遵循您的编码风格。我还删除了一个不属于那里的额外</div>：

<?php
$num_rows=mysql_num_rows($result);
$cur_row=0;
while($rows=mysql_fetch_array($result)){
$color=intval(256*$cur_row/($num_rows-1));
$cur_row++;
?>
<tr style="background:rgb(256,<? echo $color.','.$color;>);">
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['ask']; ?></td>
<td><? echo $rows['time']; ?></td>
<?php
}
?>

Answer 4

您还可以使用 Javascript 和 HSV（这是一个不同的“颜色坐标系统”）。

Jsfiddle 演示：http://jsfiddle.net/QXLRg/7/
另一个演示：http://jsfiddle.net/QXLRg/8/
另一个：http://jsfiddle.net/QXLRg/10/

（我所做的只是改变'h'值..）

var h = 0.4;
var s = 0.9;
var v = 0.95;

因此，如果您想以编程方式创建不同的颜色，那么最好使用 HSV 而不是原始 RGB，因为您可以精细控制例如“颜色柔和度”等等。例子