根据用户评级自动更改面板颜色

时间:2011-12-17 10:41:42

标签: html css jsp panel

我正在一个用户可以投诉问题的网站上工作,因此其他人建议,回复等。我想要的是每个基于其评级的用户建议应该有不同的颜色面板,如果评级是3然后蓝色,如果它是4然后有点暗,等等..谁能建议一种方式..?考虑到我是html和webdesign的新手。

用户评分

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

哪种语言可以满足上述要求。?

1 个答案:

答案 0 :(得分:1)

我建议使用CSS。为每个值指定一个类名。 E.g。

.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类名。 E.g。

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

另见: