帝国CMS模板制作之：调用标签tags制作背景色随机的标签云列表

1.实现效果如下，每刷新一次背景色随机变化。

2.标签云制作教程

a) 按信息数排序调用帝国CMS标签云，实现代码如下

 [showtags]'',20,0,'num desc',0,'',' ',0,'','tagname'[/showtags]

<div class="sidebar tags" >
    <div class="col-title">
        <a href="">热门标签</a>
    </div>
    <ul id="tags">
        [showtags]'',20,0,'num desc',0,'','&nbsp;',0,'','tagname'[/showtags]
    </ul>
</div>

b）通过js实现标签云背景色随机变化，代码如下

<script>
    window.onload = function () {
        var tagscolor = ["#5B8FF9", "#5AD8A6", "#5D7092", "#F6BD16", "#E8684A", "#6DC8EC", "#9270CA", "#FF9D4D", "#269A99", "#FF99C3","#99CCCC","#CCCCCC","#FF6666","#CC9999","#99CC99","#33CC33","#009966","#9933CC","#CC99CC","#FF99CC","#CCFF00","#666699","#FFCCCC","#CC9966"];
        var index = Math.floor((Math.random() * tagscolor.length));
        var tags = document.getElementById('tags');
        var tags_items = tags.getElementsByTagName('a');
        for (var i = 0; i < tags_items.length; i++) {
            tags_items[i].style.backgroundColor = tagscolor[Math.floor((Math.random() * tagscolor.length))];
            console.log(i);
        }
    }
</script>