您现在的位置是:首页 > 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落地推广单页源码下载为轴承、机械零件等工业产品打造的响应式单页模板,基于PbootCMS内核开发,助力企业快速构建专业级产品展示页面。模板采用工业风设计语言,突出产品参数与性能优势,适用于设备制造商、零部件供应商等B2B场景推广。查看源码
  • (PC+WAP)绿色市政园林建筑设计绿化营销型pbootcms网站模板本模板基于PbootCMS系统开发,为园林绿化、景观设计类企业设计,特别适合市政园林、景观工程、绿化养护等企业使用。采用双端适配技术查看源码
  • (自适应)英文绿色精密模具零件加工五金零件pbootcms外贸网站模板本模板基于PbootCMS开发,为五金零件、精密模具加工等英文外贸企业设计。采用响应式布局,适配各类移动设备,是五金零件企业开展国际贸易的专业展示平台。查看源码
  • (自适应)家禽饲养养殖基地pbootcms模板响应式模板下载为家禽饲养企业、养殖基地设计的响应式网站模板,聚焦畜禽产品展示、养殖技术分享及企业信息服务。采用PbootCMS内核开发,响应式技术确保PC与手机端数据实时同步查看源码
  • pbootcms模板(PC+WAP)APP应用软件下载类官网源码为APP应用软件官网打造的响应式解决方案,PC端与移动端(WAP)数据实时同步,一次更新全网生效,满足多终端用户无缝体验需求。查看源码
  • (自适应响应式)绿色环保材料设备科技类营销型网站pbootcms源码下载本模板基于PbootCMS开发,主要面向环保设备、环保材料及相关科技企业。采用HTML5+CSS3技术构建,具备响应式特性,确保在各类设备上均有良好展示效果。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐