最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > Dedecms实现tags云标签随机颜色与字体大小方法总结

Dedecms实现tags云标签随机颜色与字体大小方法总结

时间:2023-07-19 13:07:19 阅读: 文章分类: 网站建设 作者: dede开发者

导读:dedecmsdedecms本文章给大家介绍三种tags云标签随机颜色与字体大小方法,包括直接在dedecms中进行二次开发,另一种利用jquery与js来获取指定div中的A标签并设置连织梦模板安装织梦模板网。

织梦模板安装织梦模板网修改方法:

1、在//common.func.php 中加入如下函数。

代码如下: 

 代码如下 function getTagStyle() { $minFontSize=8; //最小,可根据需要自行更改 $maxFontSize=18; //最大字体大小,可根据需要自行更改 return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255)); } 

在模板中用如下代码调用标签。

代码如下: 

 代码如下

{dede:tag row='45' getall='1' sort='hot'} <a href='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a> {/dede:tag} 

如果你不想修改dedecms的话我们可以利用js来实例

 代码如下

<script src="/ajax/libs//1.4.2/jquery.min.js" type="text/"></script>    <script type="text/javascript">       $(document).ready(function() {          var tags_a = $("#tags a");          tags_a.each(function(){              var x = 9;              var y = 0;              var rand = parseInt(Math.random() * (x - y + 1) + y);              $(this).addClass("tags"+rand);           });       })      </script>

关键词标签: 标签 dedecms 字体大小

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-19 ,文章Dedecms实现tags云标签随机颜色与字体大小方法总结主要讲述标签,字体大小,dedecms网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_31159.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章