帝国cms教程栏目，提供精品建站，仿站，二次开发，安装，标签使用等图文教程，帮助建设和管理好你的帝国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 tags标签随机字体颜色、大小展示，使用灵动标签和js实现
本文永久链接地址：https://www.moyouyouw.cn/code/448.html
郑重声明：本站所有主题/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢！我们不承担任何技术及版权问题，且不对任何资源负法律责任。
售价： 399 20 ℃ 0 评论
售价： 399 56 ℃ 0 评论
售价： 399 25 ℃ 0 评论
已有 位小伙伴发表了看法
欢迎 你 发表评论