18
2018
11

zblog侧拦标签列表Tags标签随机颜色

为配合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>

原文链接:https://www.qiquanji.com/post/7093.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。