帝国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 146 ℃ 0 评论
售价: 399 126 ℃ 0 评论
售价: 399 93 ℃ 0 评论
已有 位小伙伴发表了看法
欢迎 你 发表评论