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

很赞哦! ()

相关源码

  • (自适应响应式)高端家用办公家具家居桌椅pbootcms模板下载为办公家具企业设计的响应式网站模板,涵盖产品展示、案例呈现、企业介绍等核心模块。通过可视化后台可快速发布实木桌椅、系统家具、办公屏风等产品信息,帮助客户直观了解材质参数与空间搭配方案。查看源码
  • 帝国cms7.2淘宝客导购自媒体博客网站模板源码本模板基于帝国CMS7.2内核深度开发,为淘宝客、商品导购类自媒体及博客网站设计。通过可视化后台管理,可快速搭建具备商品推荐、比价功能的内容平台,帮助用户实现流量高效转化。查看源码
  • 自适应新闻资讯技术博客个人网站pbootcms模板该模板基于PbootCMS开源内核深度开发,该模板适用于游戏新闻网站、游戏博客等企业或个人网站,新闻资讯技术博客pbootcms模板;采用六级分辨率断点适配技术查看源码
  • 自适应营销型IT网络工作室互联网建站公司pbootcms网站模板为IT网络服务商、建站企业打造的高性能营销门户,基于PbootCMS开源内核深度开发采用HTML5自适应架构,实现PC与手机端数据实时同步交互。查看源码
  • (自适应)五金配件机械加工设备pbootcms模板免费下载这款基于PbootCMS开发的网站模板为五金配件和机械加工行业设计,采用简洁有力的设计风格,突出工业产品的专业性和可靠性。模板结构清晰,功能完善,能够有效展示各类工业产品的技术参数和应用场景。查看源码
  • pbootcms模板(自适应手机版)红色响应式单位机构类网站自适应响应式单位机构网站模板 | PbootCMS内核开发为机构组织设计的响应式网站模板,采用PbootCMS内核开发,支持一键替换行业内容,满足多元化场景需求。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐