根据用户评分自动更改面板颜色答案

【问题标题】：automated change in panel color based on user rating根据用户评分自动更改面板颜色
【发布时间】：2011-12-17 10:41:42
【问题描述】：

我正在开发一个网站，用户可以在该网站上投诉问题，然后其他人建议、回复等。我想要的是每个基于其评级的用户建议应该有不同的颜色面板，比如评级是 3，然后是蓝色，如果它是 4 那就有点暗，等等.. 任何人都可以提出一个方法..？考虑到我是 html 和网页设计的新手。

用户评分

1-3 => BLUE
4-6 => DARK BLUE
7-10 => NAVY BLUE

哪种语言可以满足以上要求？

【问题讨论】：

您使用哪种语言来收集和显示评分？
@Pekka 我必须使用 JSP。使用 jQuery 和 AJAX
@Pekka 你能告诉我用 PHP 等其他语言的方式吗，因为逻辑是一样的..

标签： html css jsp panel

【解决方案1】：

我建议为此使用 CSS。为每个值指定一个类名。例如

.rating-1, .rating-2, .rating-3 {
    background: blue;
}

.rating-4, .rating-5, .rating-6 {
    background: darkblue;
}

.rating-7, .rating-8, .rating-9, .rating-10 {
    background: navy;
}

然后让 JSP 在感兴趣的 HTML 元素上动态生成所需的 CSS 类名。例如

<div class="rating-${rating.score}">${rating.score}</div>

另见：

CSS Beginner Tutorial

【讨论】：