欢迎来到站长天空!

DedeCMS

当前位置: 主页 > CMS教程 > DedeCMS

dedecms tag标签实现随机颜色和字体大小

时间:2020-11-04 00:00:00|栏目:DedeCMS|点击:

">

功能说明
  实现标签云的效果,包括标签有不同的颜色和字体大小等,颜色和字体大小都为随机显示,可改变代码来控制其范围。
实现DeDeCms标签云的效果,包括标签有不同的颜色和字体大小等等,颜色和字体大小都为随机显示,可改变代码来控制其范围。

修改方法
1、在/include/common.func.php 中加入如下函数。

代码如下:
function getTagStyle()
{
$minFontSize=8; //最小字体大小,可根据需要自行更改
$maxFontSize=18; //最大字体大小,可根据需要自行更改
return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
}

此函数的作用是输出随机的样式,包括font-size和color。
如果你想指定只显示几个字体大小,而不是完全随机,请将上面的函数代码修改为:

代码如下:
function getTagStyle()
{
$sizearray = array('8','9','10','11','12','20'); //自定义字体大小,可根据需要自行修改
return 'font-size:'.$sizearray[rand(0,count($sizearray))].'pt;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
}

2、在模板中用如下代码调用标签。

代码如下:
{dede:tag row='45' getall='1' sort='hot'}
[field:tag /]
{/dede:tag}

3、在dede后台生成相应html,OK,看效果吧。

上一篇:dedecms按键盘方向键实现(上一篇下一篇翻页)功能

栏    目:DedeCMS

下一篇:dedecms系统列表页调用tag标签同时带上链接

本文标题:dedecms tag标签实现随机颜色和字体大小

本文地址:https://zz.feitang.co/CMSjiaocheng/27356.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2026 站长天空 版权所有 Powered by EyouCms冀ICP备14023439号