zblog侧拦标签列表Tags标签随机颜色
分类:zblog教程
34
为配合zblog的主题去找来的,要是想增加更多颜色可以在这个位置自己再添加 ar color = [
{foreach $article.Tags as $tag}
<a class="ID" href="{$tag.Url}">{$tag.Name}</a>{/foreach}<script> var giveColor = document.getElementsByClassName('ID'); var color = ['#578fff', '#8c9ffd', '#ff7ea2', '#ffbf43', '#74dde3', 'red', '#4a4a4a', '#f60']; //颜色选项,可以自己再添加 function randomColorOn(giveColor,color){//参数1为获取的元素组,参数二为获取的颜色组
var arr2 = [];
for(var i = color.length; i > 0; i--) {
const num = Math.floor(Math.random() * color.length); //获取随机数
arr2.push(color[num]); //把随机数添加到数组中
color.splice(num, 1); //删除原有数组的颜色
}
for(var j = 0; j < giveColor.length; j++) {
giveColor[j].style.backgroundColor = arr2[j];
}
}
randomColorOn(giveColor,color); </script>最新发布
-
zblog响应式自媒体博客主题63号
2026-04-08 -
zblog响应式资讯门户主题62号
2026-04-05 -
zblog响应式文章自媒体资讯主题61号
2026-04-01 -
zblog响应式自媒体资讯主题60号
2026-03-30 -
zblog响应式门户文章资讯主题59号
2026-03-29
热门文章
-
ZBLOG精品手赚APP应用下载主题19号
1225 -
zblog响应式机器设备企业主题10号
1220 -
zblog响应式生活分类信息主题2号
939 -
zblog响应式机械企业外贸主题6号
320 -
简洁大气zblog响应式文章主题52号
306