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

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

寒安2024-02-13DedeCMS教程已有人查阅

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

实现织梦dedecms多彩标签云的效果，包括标签有不同的颜色和字体大小等等，颜色和字体大小都为随机显示，可改变代码来控制其范围。
步骤一
在/include/common.func.php 中加入如下函数，此函数的作用是输出随机的样式，包括font-size和color。

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));  }

步骤二
在模板页htm里调用标签时用如下类似的方式。

<a href=’[field:link/]' title=”[field:tag /]” style=”[field:total runphp=yes]@me=getTagStyle();[/field:total]“>[field:tag /]</a>

附加说明
如果你想指定只显示几个字体大小，而不是完全随机，请将步骤一中的函数代码替换为

$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));

本文标签：织梦cms标签

很赞哦！ ()

上一篇：dede织梦友情链接标签flink的介绍和使用说明

下一篇：IIS下实现dede织梦系统tag标签伪静态的方法

图文教程

相关源码

(自适应响应式)高端简繁双语HTML5金融资本咨询单页pbootcms模板采用响应式设计确保在各类手机端设备很好的呈现。该模板专注于金融咨询、资本管理等领域企业形象展示，通过结构化布局突出行业专业度与可信度，后台数据同步管理简化内容维护流程。查看源码
(自适应)光伏测试仪器电站运维设备网站源码免费下载本模板为光伏检测设备与电站运维服务企业设计，采用PbootCMS内核开发，具备完整的设备展示、技术文档管理及客户服务功能模块。通过自适应结构与SEO优化框架，有效提升企业在移动端和搜索引擎中的专业形象。查看源码
快递物流公司pbootcms网站模板html响应式自适应源码下载基于HTML5+CSS3前沿技术开发，实现PC、平板、手机多端自适应。采用弹性布局与媒体查询技术，确保不同设备均有流畅视觉体验，企业形象统一。查看源码
自适应电子科技类产品公司pbootcms网站模板基于PbootCMS内核开发，为电子科技类企业设计，适用于电子产品展示、企业官网等场景。该模板采用‌开源架构‌，用户可自由访问和修改源码，灵活适配各类行业需求，无需二次开发成本查看源码
(自适应)包装机贴标机设备网站源码免费下载基于PbootCMS内核开发的响应式企业模板，为包装机械、贴标设备等工业领域打造，通过数字化展示提升企业专业形象。查看源码
(自适应响应式)环保净化器家用电器网站免费模板针对环保设备、环境监测等领域的PbootCMS响应式模板，通过模块化设计清晰展示污水处理技术、空气净化系统等解决方案。移动端呈现环保数据可视化图表，后端统一管理确保项目案例、技术等资料多端同步。查看源码