帝国模板之家为广大用户提供专业、一站式建站服务。

帝国cms教程

帝国cms教程栏目,提供精品建站,仿站,二次开发,安装,标签使用等图文教程,帮助建设和管理好你的帝国cms站点。

当前位置:首页 > 教程 > 帝国cms教程 > 正文

帝国cms tags标签随机字体颜色、大小展示,使用灵动标签和js实现

帝国模板之家 2020-09-10 帝国cms教程 评论

帝国cms tags标签随机字体颜色、大小展示,可以让标签在页面上更加醒目,引起访客注意。今天,帝国模板之家小编来教大家如何实现这个功能。这里我们使用灵动标签配合js来实现,具体代码如下:

  <div class="tagcloud" id="tags">
        [e:loop={"select tagname from {$dbtbpre}enewstags  order by  num desc limit 25",10,24,0}]
        <a href="/e/tags/?tagname=<?=$bqr['tagname']?>" class="tag-cloud-link tag-link-142 tag-link-position-1"><?=$bqr['tagname']?></a> 
        [/e:loop]
 </div>
 <script>
        var bcolor = document.getElementById("tags").getElementsByTagName("a");
        for(i=0;k=bcolor.length,i<k;i++)
        {
        var str = "0123456789ABCDEF";
        var t = "#";
        for(j=0;j<6;j++)
        {t = t+ str.charAt(Math.random()*str.length);}
        var fsize;
        fsize=parseInt(Math.random()*(20)+6);
        if(fsize < 12)
        {
        fsize = 12
        }
        bcolor[i].style.color=t;
        bcolor[i].style.fontSize=fsize + "px";
        }
</script>

效果图如下:

以上就是帝国cms tags标签随机字体颜色、大小展示,使用灵动标签和js实现的方法,更多相关内容请关注帝国模板之家其他文章。

这世上无忧无虑的人,反而相对寿命会长点。

已有 位小伙伴发表了看法

欢迎 发表评论

  • 匿名发表

关于

帝国cms模板

网页插件

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系站长删除,谢谢! 寻找帝国cms模板首选帝国模板之家,用心做站,上线至今广受好评,值得信赖!

  • 交流群1:帝国cms交流群1
  • 交流群2:帝国cms交流群2
在线QQ 给我留言