您现在的位置是:首页 > 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标签 

很赞哦! ()

相关源码

  • (自适应)包装机贴标机设备网站源码免费下载基于PbootCMS内核开发的响应式企业模板,为包装机械、贴标设备等工业领域打造,通过数字化展示提升企业专业形象。查看源码
  • (PC+WAP)绿色产品环保设备垃圾桶厂家公司网站pbootcms模板为垃圾桶生产商、环保设备企业打造的高端响应式门户模板,基于PbootCMS开源内核深度开发。采用HTML5自适应架构,无缝实现PC与手机端数据实时同步与交互优化查看源码
  • (PC+WAP)聚氨酯粉末涂料防腐耐用材料粘合剂网站源码下载为化工涂料企业设计的展示系统,集成产品技术参数库、颜色样板展示器和配方查询模块。支持粉末涂料、环氧树脂等多类产品分类展示查看源码
  • (自适应html5)自媒体运营培训教程个人博客pbootcms模板本模板基于PbootCMS系统开发,特别适合自媒体运营培训、知识付费类网站使用。采用响应式设计,能够适配各类终端设备,为内容创作者提供专业的内容展示平台。查看源码
  • (自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码
  • 自适应手机版五金机械阀门设备通用行业网站模板该PbootCMS内核开发的网站模板适用于阀门设备、五金机械类企业,通过更换文字图片也可快速适配其他工业领域。采用响应式设计,确保PC端与手机端数据同步,操作便捷,并附带测试数据。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐