首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >基于用户等级的面板颜色自动更改

基于用户等级的面板颜色自动更改
EN

Stack Overflow用户
提问于 2011-12-17 10:41:42
回答 1查看 246关注 0票数 0

我正在开发一个网站,用户可以在这个网站上抱怨某个问题,因此其他人会提出建议、回复等等。我想要的是,每个用户基于其评级的建议都应该有不同的颜色面板,比如如果评级为3,那么蓝色,如果是4,那么稍微暗一些,那么on..can有人建议一种方法。考虑到我是新的html和网页设计。

用户评等

代码语言:javascript
运行
复制
1-3 => BLUE
4-6 => DARK BLUE
7-10 => NAVY BLUE

哪种语言能满足上述要求?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-12-17 12:30:05

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

代码语言:javascript
运行
复制
.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类名。例如。

代码语言:javascript
运行
复制
<div class="rating-${rating.score}">${rating.score}</div>

另请参阅:

  • CSS初学者教程
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8544160

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档