在页面标签内实现随机颜色
程序员文章站
2022-07-13 15:17:11
...
条件
jstl,有一个数字返回值
原理:
将这个数字对某个数字取余,然后设定颜色。
例子:
<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写,在标签内只能用这种取巧的方法
上一篇: 控制台操作之字体颜色
下一篇: 数字颠倒
推荐阅读
-
使用iframe框架时,实现子页面内跳转到整个页面,而不是在子页面内跳转
-
在一个jsp页面内实现简单计算器(一般来说最好不要一个页面实现)
-
在页面标签内实现随机颜色
-
利用Ajax实现异步交互,每点一次按钮随机在页面上显示一个随机数,利用jQuery也来实现该功能
-
在H5页面内通过地址调起高德地图实现导航
-
在微信小程序中如何实现修改view标签背景颜色
-
在一个jsp页面内实现简单计算器(一般来说最好不要一个页面实现)
-
jquery实现的随机多彩tag标签随机颜色和字号大小效果
-
一个js随机颜色脚本(用于标签页面,也可用于任何页面)_javascript技巧
-
在微信小程序中如何实现修改view标签背景颜色