cnblogs TagCloud基于jquery的实现代码


Posted in Javascript onJune 11, 2010

1. 进入"管理 >> 配置"面板

2. 在"通过CSS定制页面风格"文本框内, 添加:

/***********tag cloud css****************/ 
#tagCloud { 
text-align:center; 
overflow:hidden; 
} 
#tagCloud a{ 
padding: 0 5px; 
line-height:1.5em; 
display:inline-block; 
}

3. 在"页脚Html代码"文本框内, 添加:

<script> 
/***********tag cloud script****************/ 
if($("#taglist").length>0) 
{ 
var dict = {}; 
$("#taglist td").has("a").has("span").each(function(i, x){ 
dict[$("a", this).text()] = $("span", this).text().replace(/[)(]/g, ""); 
}); 
$("<div>").attr("id", "tagCloud").appendTo("div#mainContent"); 
for(var k in dict) 
{ 
var sz = (dict[k] * 4) + 12; 
$("<a>") 
.attr("href", "http://www.cnblogs.com/k-sharp/tag/"+escape(k)+"/") 
.attr("title", dict[k]) 
.css("font-size", sz + "px") 
.text(k) 
.appendTo("#tagCloud"); 
} 
$("#taglist").remove(); 
} 
</script>
Javascript 相关文章推荐
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
jQuery对象初始化的传参方式
Feb 26 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
jq给页面添加覆盖层遮罩的实例
Feb 16 Javascript
vue.js实例todoList项目
Jul 07 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
Js setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 #Javascript
js鼠标左右键 键盘值小结
Jun 11 #Javascript
JavaScript接口实现代码 (Interfaces In JavaScript)
Jun 11 #Javascript
JavaScript的单例模式 (singleton in Javascript)
Jun 11 #Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 #Javascript
基于jQuery的js分页代码
Jun 10 #Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 #Javascript
You might like
php操作JSON格式数据的实现代码
2011/12/24 PHP
php生成二维码的几种方式整理及使用实例
2013/06/03 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
8个必备的PHP功能开发
2015/10/02 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
phpStudy配置多站点多域名方法及遇到的403错误解决方法
2017/10/19 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
比较全的JS checkbox全选、取消全选、删除功能代码
2008/12/19 Javascript
HTML颜色选择器实现代码
2010/11/23 Javascript
Javascript变量函数浅析
2011/09/02 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
使用js获取地址栏中传递的值
2013/07/02 Javascript
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
2018/03/06 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
在Vuex中Mutations修改状态操作
2020/07/24 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
python正则表达式re模块详解
2014/06/25 Python
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
python实现决策树
2017/12/21 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
Python下简易的单例模式详解
2019/04/08 Python
Python关于反射的实例代码分享
2020/02/20 Python
python的dict判断key是否存在的方法
2020/12/09 Python
英国鞋网:Rubber Sole
2020/03/03 全球购物
Java面试笔试题大全
2016/11/23 面试题
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
2014财务年终工作总结
2014/12/08 职场文书
辣妈辣妹观后感
2015/06/10 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis
Golang 遍历二叉树
2022/04/19 Golang