WordPress设置彩色标签云-狐狸库

CSS代码

把以下代码添加到当前主题中的style.css文件

/*彩色标签*/
.tagcloud{
padding:14px 0 14px 12px;
}
.tagcloud a{
float:left;
margin:3px;
line-height:26px;
text-align:center;
border:1px solid #ddd;
border-radius:2px;
padding-top:0;
padding-right:5px;
padding-bottom:0;
padding-left:5px;
overflow:hidden;
display:block;
width:92px;
height:28px;
}
.tagcloud a{
color:#fff;
}

JS代码

把以下代码放置到head.php或footer.php

<script type=\"text/javascript\">box_width = $(\"#cx_tag_cloud-5\").width();
/*彩色标签*/
len = $(\".tagcloud a\").length - 1;
$(\".tagcloud a\").each(function(i) {
    var let = new Array(\'3366FF\', \'31ac76\', \'ea4563\', \'31a6a0\', \'8e7daa\', \'4fad7b\', \'f99f13\', \'f85200\', \'666666\');
    var random1 = Math.floor(Math.random() * 9) + 0;
    var num = Math.floor(Math.random() * 6 + 9);
    $(this).attr(\'style\', \'background:#\' + let[random1] + \'\');
    if ($(this).next().length > 0) {
        last = $(this).next().position().left
    }
});</script>

温馨提示：本文最后更新于2022/10/20 04:11:27。若文章内容或图片失效，请留言或联系站长反馈！

也想出现在这里？点击联系我们吧

本站除原创内容，其余内容均收集自互联网，仅限用于学习和研究目的，本站不对其内容的合法性、可用性承担任何责任。本站禁止以任何形式发布或转载任何违法相关信息，若您发现请立即向站长举报；用户投稿一切资源内容不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
如有版权内容，其版权均归原作者所有，本站虽力求保存原有版权信息，但因众多资源经多次转载，已无法确定其真实来源，故敬请原作者谅解！为尊重作者劳动成果，请购买正版支持作者，谢谢！若您对「HULIKU.COM」所载资源作品版权归属存有异议，请发送邮箱：ihuliku@qq.com 进行处理。
本站资源文件大多存储至云盘，如您发现图片或链接失效，请联系站长或作者，我们将及时进行更新。资源都是经过站长或作者收集测试优化后进行发布分享。如若转载请在贵站文内以超链形式注明狐狸库文章出处，谢谢合作！

THE END

WordPress