评论可见
前往评论
本站之前分享过其他标签的美化，今天再分享一个，无聊修改了下自己网站侧边栏标签的样式，修改成了随机颜色的样子，具体效果看下面：
虽然这里说是实现网站标签随机颜色，但是其实你可以将代码略作调整适用于任何你想随机改变颜色的地方。具体 JavaScript 代码如下：
<script type="text/javascript">
len = $(".tagcloud a").length - 1;
$(".tagcloud a").each(function(i) {
var let = new Array( '27ea80','3366FF','ff5473','df27ea', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'f85200', '666666');
var random1 = Math.floor(Math.random() * 12) + 0;
var num = Math.floor(Math.random() * 5 + 12);
$(this).attr('style', 'background:#' + let[random1] + '; opacity: 0.6;'+'');
if ($(this).next().length > 0) {
last = $(this).next().position().left
}
});
</script>代码原理很简单，通过 random 与 floor 获取一个随机数，然后从数组里面的颜色值中选择相应的颜色，这里我设置了 12 个随机颜色，当然你也可以自行添加更多颜色，修改一下参数即可。.widget_ui_tags .items a 是我目前所使用的主题标签侧边栏所对应的样式名，下面会给出具体样式，你可以直接将其改成自己的样式名。opacity 设置透明度，这里我设置的是 0.6 ，其他的就没什么了，还是祭出我目前所使用的样式吧。
隐藏内容
基本上是根据我现有主题样式文件改的，!important 不能丢哦，直接复制上面代码放到子比主题设置自定义代码中。
文章版权声明
1 本网站名称：忆路吧
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。
发表评论