帝国CMS实现首页、列表页、内容页tags标签随机颜色效果,关键词随机显示,这次不废话,直接上图,有图有真相:

e5205a84efed3f8ef2b6561995cb1f2d.png

帝国CMS官方提供的TAGS调用标签:

[showtags]分类ID,显示数量,每行显示数量,显示排序,只显示推荐,推荐TAGS属性,显示间隔符,是否显示信息数,链接附加参数,链接变量名[/showtags]

以下增加参数后HTML源代码:

[showtags]'',20,0,'rand()',0,'s,r','',1,''[/showtags]

showtags标签说明:

第一个引号内填写tags标签的分类ID,全部显示,则不填写;

20:显示TAGS标签的数量;

0:每一行行显示的数量;

rand():这个很重要,这里填写的参数主要是用于TAGS显示排序的,如果需要随机显示TAGS标签,加上此函数,否则留空或其它;

0:显示推荐TAGS标签‘0’为不限,‘1’为显示推荐;

s,r:显示推荐的TAGS时,内容是否要加粗或加红,设置's'表示加粗、'r'表示加红、同时加粗加红用's,r';

'':这里的引号是TAGS与TAGS之间的间隔符号,按自己的需要设置;

1:显示每一个TAGS的文章数量,相当于一个每一个词的汇总;

'':这个参数可以指定模板ID,是一个附加参数'&tempid=模板ID',没特殊情况请亲们忽略。

JS实现随机颜色代码:

复制内容到剪贴板折叠展开JavaScript 代码

varbcolor = document.getElementById("tags").getElementsByTagName("a");

for(i=0;k=bcolor.length,i

{

varstr ="0123456789ABCDEF";

vart ="#";

for(j=0;j<6;j++)

{t = t+ str.charAt(Math.random()*str.length);}

varfsize;

fsize=parseInt(Math.random()*(20)+6);

bcolor[i].style.color=t;

bcolor[i].style.fontSize=fsize + "px";

}

大功告成,更新下页面,看看。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。