0

假设我有一个如下所示的代码：

while ($info = mysql_fetch_assoc($data_p)) {
    $name = stripslashes($info['name']);
    $desc = stripslashes($info['description']);
    $desc = substr($desc, 0, 150);
    $price = stripslashes($info['price']);
    Print "<div style=\"width:600px; height:150px; border:1px solid black; overflow:hidden\"><div style=\"height:148px; width:25%; border:1px solid red; float:left\"><center><img src=\"".$picture."\" height=\"120\" width=\"120\" style=\"margin-top:15px\" /></center></div><div style=\"height:150px; width:50%; border:1px solid blue; float:left; text-overflow: ellipsis; padding-top:5px\"><center><font size=\"+1\"><b><a href=\"result.php?product=".urlencode($name)."\">".$name."</b></a></font><br><br>".$desc."...</center></div><div style=\"height:150px; width:24%; border:1px solid green; float:left\"><center><h1>$".$price."</h1><button>Add to Cart</button></center></div></div>";

在 while 循环中首先定义的主 DIV 我想交替使用两种灰色阴影。所以在结果中它看起来像浅色深浅深色等......我尝试简单地用不同的颜色再次重复回声，但这会重复每个结果。有没有办法做到这一点？

4

3 回答 3

1

您可以计算 DIV 的数量并更改奇偶颜色。

$num = 0;
while ($info = mysql_fetch_assoc($data_p)) {
 $num++;
 $color = ($num % 2) ? '#ccc;' : '#aaa';
//***insert your relevant variables
}
于 2013-08-31T21:20:20.413 回答
1 
$c = 1;

while ($info = mysql_fetch_assoc($data_p)) {
    $name = stripslashes($info['name']);
    $desc = stripslashes($info['description']);
    $desc = substr($desc, 0, 150);
    $price = stripslashes($info['price']);
    Print "<div style=\"background:" . ($c ? '#ccc' : '#aaa') . "width:600px; height:150px; border:1px solid black; overflow:hidden\"><div style=\"height:148px; width:25%; border:1px solid red; float:left\"><center><img src=\"".$picture."\" height=\"120\" width=\"120\" style=\"margin-top:15px\" /></center></div><div style=\"height:150px; width:50%; border:1px solid blue; float:left; text-overflow: ellipsis; padding-top:5px\"><center><font size=\"+1\"><b><a href=\"result.php?product=".urlencode($name)."\">".$name."</b></a></font><br><br>".$desc."...</center></div><div style=\"height:150px; width:24%; border:1px solid green; float:left\"><center><h1>$".$price."</h1><button>Add to Cart</button></center></div></div>";

    $c = 1 - $c;
于 2013-08-31T21:04:53.387 回答
1

如果你想让你的设计和逻辑分开，你也可以用 css 来做：

div:nth-child(odd) {
   background:#c0c0c0;
}
div:nth-child(even) {
   background:#a0a0a0;
}
于 2013-08-31T21:09:40.507 回答