本文实例讲述了Dedecms实现tags云标签随机颜色与字体大小方法.分享给大家供大家参考.具体分析如下:
这里给大家介绍III种tags云标签随机颜色与字体大小方法,包括直接在dedecms中进行II次开发,另I.种利用jquery与js来获取指定div中的A标签并设置连接颜色与字体大小.
 更多精彩就在： 51免费论文网|www.jxszl.com 

修改方法:
I..在/include/common.func.php中加入如下函数,代码如下:
复制代码代码如下:
functiongetTagStyle()
{
$minFontSize=VIII;//最小字体大小,可根据需要自行更改
$maxFontSize=I.VIII;//最大字体大小,可根据需要自行更改
returnfont-size:.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).px;color:#.dechex(rand(0,IIVV)).dechex(rand(0,I.IXVI)).dechex(rand(0,IIVV));
}
在模板中用如下代码调用标签,代码如下:
复制代码代码如下:
{dede:tagrow=IVVgetall=I.sort=hot}
[field:tag/]
{/dede:tag}
如果你不想修改dedecms的话我们可以利用js来实例,代码如下:
复制代码代码如下:


$(document).ready(function(){
vartags_a=$("#tagsa");
tags_a.each(function(){
varx=IX;
vary=0;
varrand=parseInt(Math.random()*(x-y+I.)+y);
$(this).addClass("tags"+rand);
});
})

css代码如下:
复制代码代码如下:

html结构:
复制代码代码如下:

TAG标签