WordPress设置彩色标签云

CSS代码

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

  1. /*彩色标签*/
  2. .tagcloud{
  3. padding:14px 0 14px 12px;
  4. }
  5. .tagcloud a{
  6. float:left;
  7. margin:3px;
  8. line-height:26px;
  9. text-align:center;
  10. border:1px solid #ddd;
  11. border-radius:2px;
  12. padding-top:0;
  13. padding-right:5px;
  14. padding-bottom:0;
  15. padding-left:5px;
  16. overflow:hidden;
  17. display:block;
  18. width:92px;
  19. height:28px;
  20. }
  21. .tagcloud a{
  22. color:#fff;
  23. }

JS代码

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

  1. <script type="text/javascript">box_width = $("#cx_tag_cloud-5").width();
  2. /*彩色标签*/
  3. len = $(".tagcloud a").length - 1;
  4. $(".tagcloud a").each(function(i) {
  5.     var let = new Array('3366FF', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'f85200', '666666');
  6.     var random1 = Math.floor(Math.random() * 9) + 0;
  7.     var num = Math.floor(Math.random() * 6 + 9);
  8.     $(this).attr('style', 'background:#' + let[random1] + '');
  9.     if ($(this).next().length > 0) {
  10.         last = $(this).next().position().left
  11.     }
  12. });</script>
⚠️
本站发布的部分内容包括但不限于:文字、图片、音频、视频、软件、程序等信息或资源搜集于互连网,仅供学习交流使用,严禁用于商业用途及侵犯版权所有者或著作权方权益,请于下载后于24小时内删除,如喜欢或用于商业用途请购买正版,享受售后服务!如有侵犯贵公司或个人权益,请邮件至admin@chiser.cc联系删除.

给TA买糖
共{{data.count}}人
人已赞赏
WordPress教程

WordPress非插件实现站点地图

2017-11-26 22:55:39

WordPress教程

WordPress添加判断当前文章是否被百度收录

2017-11-28 21:27:58

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索