条件
jstl,有一个数字返回值
原理：
将这个数字对某个数字取余，然后设定颜色。
例子：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
| <div class="tagcloud">
<c:forEach items="${tagList}" var="tag">
<c:if test="${tag.tagId%5==0}">
<a href="/tag/${tag.tagId}"
class="tag-link-129 tag-link-position-1" title="${tag.articleCount}个话题"
style="font-size: 14px;color:#BF3EFF">
${tag.tagName}
</a>
</c:if>
<c:if test="${tag.tagId%5==1}">
<a href="/tag/${tag.tagId}"
class="tag-link-129 tag-link-position-1" title="${tag.articleCount}个话题"
style="font-size: 14px;color:#B0E2FF">
${tag.tagName}
</a>
</c:if>
<c:if test="${tag.tagId%5==2}">
<a href="/tag/${tag.tagId}"
class="tag-link-129 tag-link-position-1" title="${tag.articleCount}个话题"
style="font-size: 14px;color:#F08080">
${tag.tagName}
</a>
</c:if>
<c:if test="${tag.tagId%5==3}">
<a href="/tag/${tag.tagId}"
class="tag-link-129 tag-link-position-1" title="${tag.articleCount}个话题"
style="font-size: 14px;color:#CD9B1D">
${tag.tagName}
</a>
</c:if>
<c:if test="${tag.tagId%5==4}">
<a href="/tag/${tag.tagId}"
class="tag-link-129 tag-link-position-1" title="${tag.articleCount}个话题"
style="font-size: 14px;color:#00C5CD">
${tag.tagName}
</a>
</c:if>
</c:forEach>
<div class="clear"></div>
</div>
|
不想用JS写，在标签内只能用这种取巧的方法
未经允许不得转载： 幻凡ss » 在页面标签内实现随机颜色
