动态颜色变化的脚本

时间:2015-05-10 04:08:51

标签: javascript html

我在HTML / CSS中有一个包含用户的表,每个用户都有一个“角色”我希望角色的颜色随着角色的变化而变化,你可以帮我用脚本或者易于操作的东西来做用吗?

1 个答案:

答案 0 :(得分:1)

CSS:

.role1, .client { background-color: red;}
.role2, .server { background-color: green; }

HTML

<table>
  <tr class='role1'><td>...</td><td>...</td></tr>
  <tr class='role2'><td>...</td><td>...</td></tr>
</table>

PHP生成所需的html代码

if( $x == 'client') 
   $result .= "<td class='client'>...</td>";
else
   $result .= "<td class='server'>...</td>";