zibll子比主题美化-网站标签随机颜色

Jaysun

温馨提示:这篇文章已超过372天没有更新,请注意相关的内容是否还可用!

本站之前分享过其他标签的美化,今天再分享一个,无聊修改了下自己网站侧边栏标签的样式,修改成了随机颜色的样子,具体效果看下面:

1.jpg

虽然这里说是实现网站标签随机颜色,但是其实你可以将代码略作调整适用于任何你想随机改变颜色的地方。具体 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 不能丢哦,直接复制上面代码放到子比主题设置自定义代码中。

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 10 条评论,830人围观)
网友昵称:w1442298
w1442298 V 普通用户 Google Chrome 108.0.0.0 Windows 10 x64 9楼
01-24 来自重庆 回复
顶来看看,。。。。。。。。。
网友昵称:qq107108
qq107108 V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 8楼
2023-08-21 来自广西 回复
顶顶顶顶顶顶666
网友昵称:到家哦
到家哦 V 普通用户 Google Chrome 78.0.3904.108 Mac OS X -1.0.0 7楼
2023-08-07 来自上海 回复
真不错666
网友昵称:1126050289
1126050289 V 普通用户 Google Chrome 114.0.0.0 Windows 10 x64 6楼
2023-07-03 来自福建 回复
真不错666
网友昵称:3388888662
3388888662 V 普通用户 Google Chrome 69.0.3947.100 Windows 7 x64 地板
2023-07-01 来自湖南 回复
顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶
网友昵称:a631254796a
a631254796a V 普通用户 Google Chrome 101.0.4951.64 Windows 10 x64 凉席
2023-06-25 来自浙江 回复
真不错666
网友昵称:beichen
beichen V 钻石VIP Google Chrome 114.0.0.0 Windows 10 x64 板凳
2023-06-13 来自江西 回复
真不错666
网友昵称:www2296945504
www2296945504 V 普通用户 Google Chrome 113.0.0.0 Windows 10 x64 椅子
2023-05-23 来自上海 回复
文章不错,写的很好!文章不错,写的很好!
网友昵称:739849140
739849140 V 普通用户 QQBrowser 11.5.5250.400 Windows 10 x64 沙发
2023-05-22 来自贵州 回复
文章不错,写的很好!文章不错,写的很好!赞、狂赞、超赞、不得不赞、史上最赞!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码