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

dede织梦标签云实现随机颜色和字体大小变化实例代码

谷冬2023-09-25DedeCMS教程已有人查阅

导读感谢强大的织梦带给站长朋友自由的建站体验,今天来说一说如何在在网站的首页、列表页、内容页实现彩色标签云,这个效果可以自己设计字体颜色和字体大小;

感谢强大的织梦带给站长朋友自由的建站体验,今天来说一说如何在在网站的首页、列表页、内容页实现彩色标签云,这个效果可以自己设计字体颜色和字体大小,能给网站增色不少。
功能说明:实现标签云的效果,包括标签有不同的颜色和字体大小等等,颜色和字体大小都为随机显示,可改变代码来控制其范围。
修改方法
1、在/include/common.func.php 中加入如下函数:
functiongetTagStyle()
{
$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));
}
我们构造的这个PHP函数的主要作用是输出随机的样式,包括font-size和color。如果你想指定只显示几个字体大小,而不是完全随机,请将上面的函数代码修改为:
functiongetTagStyle()
{
$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标签 

很赞哦! ()

相关源码

  • (PC+WAP)蓝色钢结构机械五金工程建筑基建营销型pbootcms模板下载于PbootCMS开发的钢结构与工程机械专用模板,助力企业构建专业级产品展示平台;模板内置工程案例展示、产品参数对照表等专业模块,预设项目进度、施工方案等建筑行业专属栏目查看源码
  • (自适应)蓝色环保科技设备带三级栏目网站模板下载该模板为环保科技企业设计,提供专业的产品展示与技术服务平台。采用响应式布局,适配环保设备、清洁技术等应用场景,通过可视化后台可快速搭建符合行业特性的展示网站。查看源码
  • (自适应)英文绿色精密模具零件加工五金零件pbootcms外贸网站模板本模板基于PbootCMS开发,为五金零件、精密模具加工等英文外贸企业设计。采用响应式布局,适配各类移动设备,是五金零件企业开展国际贸易的专业展示平台。查看源码
  • (自适应)蓝色五金制品配件管件pbootcms网站源码下载基于PbootCMS内核开发的五金行业专用模板,采用响应式设计架构,确保产品展示在各类移动设备上的呈现。通过模块化布局与工业风视觉设计,帮助五金企业高效展示产品规格、应用场景及技术支持,建立专业可靠的行业形象。查看源码
  • 帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发,采用帝国CMS内核构建,只需替换文字图片即可快速搭建专业网站。自适应手机端设计,数据实时同步,操作简单便捷。PHP程序确保安全稳定运行,帮助您以较低成本获取持续业务。查看源码
  • 自适应html5二极管LED灯具灯饰类企业网网站模板该PbootCMS内核开发的响应式模板专为LED照明、灯具制造类企业设计,通过HTML5技术实现手机与PC端自适应显示,确保跨设备访问体验一致。企业可快速替换图文内容适配其他工业领域查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐