您现在的位置是：首页 > 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标签伪静态的方法

相关教程

图文教程

相关源码

(PC+WAP)绿色市政园林建筑设计绿化营销型pbootcms网站模板本模板基于PbootCMS系统开发，为园林绿化、景观设计类企业设计，特别适合市政园林、景观工程、绿化养护等企业使用。采用双端适配技术查看源码
(自适应)挖掘机大型采矿设备pbootcms网站源码下载本模板基于PbootCMS系统开发，专为重型机械设备行业设计，特别适合挖掘机、采矿设备、工程机械等工业设备展示。采用响应式布局技术，确保各类设备参数和图片在不同终端上都能清晰展示。查看源码
PbootCMS(自适应手机端)智能电话AI机器人网站模板产品概述基于PbootCMS内核开发的智能电话AI机器人网站模板，为语音交互服务场景设计，采用HTML5+CSS3响应式布局技术，实现PC端与移动端数据实时同步展示。模板适用于智能电话查看源码
响应式HTML5家居建材办公家具桌椅pbootcms模板为家居建材、办公家具企业打造的响应式网站模板，同时支持多行业快速适配通过替换文字图片即可转型为其他行业官网，大幅降低开发成本。查看源码
WordPress个人博客主题 - wp-Concise-v1.0免费下载wp-Concise-v1.0是一款专为个人博客设计的简约风格主题，采用全宽排版设计理念，注重内容呈现效果。该模板适用于个人随笔、技术分享、生活记录等博客场景，帮助用户打造专业的内容展示空间。查看源码
响应式帝国cms7.5NBA黑色体育资讯模板下载本模板为体育新闻媒体、报道机构设计，采用帝国CMS7.5内核开发，具备完整的资讯发布、体育日历、数据展示功能。响应式布局确保在手机端呈现实时资讯和图文内容查看源码

分享笔记（共有篇笔记）

大家在看

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

本栏推荐

大家喜欢