在页面标签内实现随机颜色

最新推荐文章于 2022-04-07 20:22:53 发布

幻凡ss

最新推荐文章于 2022-04-07 20:22:53 发布

阅读量800

点赞数 1

分类专栏：教程类文章标签：随机颜色

本文链接：https://blog.csdn.net/q2158798/article/details/88380822

版权

教程类专栏收录该内容

8 篇文章 0 订阅

订阅专栏

条件

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写，在标签内只能用这种取巧的方法