您现在的位置是：首页 > cms教程 > DedeCMS教程DedeCMS教程

织梦dedecms彩色标签云tag随机颜色和字体大小的实现代码

觅波2023-10-10DedeCMS教程已有人查阅

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

在网页里实现彩色标签云能给网站增色不少。
功能说明：
实现标签云的效果，包括标签有不同的颜色和字体大小等等，颜色和字体大小都为随机显示，可改变代码来控制其范围。
修改方法：
1、在/include/common.func.php 中加入如下函数，要添加在PHP结束标记?>里面。

function getTagStyle()
{
 $minFontSize=12; //小字体大小,可根据需要自行更改
 $maxFontSize=25; //较大字体大小,可根据需要自行更改
 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='50' getall='1' sort='hot'}
<a style="[field: total runphp=yes]@me=getTagStyle(); [/field: total];" title="[field:tag /]([field:total /])" href="[field:link/]">[field:tag /]</a>
{/dede:tag}

3、生成html，看效果。

本文标签：织梦cms标签

很赞哦！ ()

上一篇：织梦dedecms调用全站相关文章的代码

下一篇：织梦dedecms怎么用SQL语句调用数据库任意内容

相关教程

图文教程

相关源码

帝国cms7.5商城模板带图片视频广告位功能本模板基于帝国CMS7.5内核开发，为内容电商平台设计，集成文章、图片、视频多媒体展示与广告位管理功能。采用智能响应式技术，确保商品内容在不同设备上获得较优呈现效果，帮助快速构建专业的内容营销平台。查看源码
(自适应)蓄电池能源智能数码科技产品pbootcms模板源码下载本款基于PbootCMS开发的网站模板为蓄电池及能源科技企业设计，特别适合锂电池、储能系统、新能源电池等产品的展示与推广。查看源码
（响应式）企业管理人力资源服务类pbootcms模板源码下载为人力资源服务及企业管理设计的响应式网站模板，基于PbootCMS内核开发。通过宽屏布局优化岗位展示效果，简洁界面聚焦人才服务核心业务，自适应技术确保在PC端与手机端查看源码
(自适应)英文外贸电子设备网站模板三级子目录基于PbootCMS内核开发的响应式英文网站模板，为外贸企业打造，支持多行业快速适配。通过简洁高效的代码架构，帮助企业低成本构建专业海外形象，实现更好客户触达与订单转化。查看源码
自适应手机版五金机械阀门设备通用行业网站模板该PbootCMS内核开发的网站模板适用于阀门设备、五金机械类企业，通过更换文字图片也可快速适配其他工业领域。采用响应式设计，确保PC端与手机端数据同步，操作便捷，并附带测试数据。查看源码
帝国CMS7.5养生生活健康网模板完整带会员中心可封装APP本套模板为生活服务类网站设计，适用于两性健康、减肥瘦身、生活资讯等领域。采用帝国CMS7.5核心开发，结构清晰合理，视觉体验舒适，能够有效满足相关行业的建站需求。查看源码

分享笔记（共有篇笔记）

大家在看

织梦cms收费哪几款cms可以免费商用？

本栏推荐

大家喜欢