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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
JS实现json的序列化和反序列化功能示例
Jun 13 Javascript
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
jquery的 filter()方法使用教程
Mar 22 jQuery
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
Vue如何使用混合Mixins和插件开发详解
Feb 05 Javascript
js实现微信聊天效果
Aug 09 Javascript
Node与Python 双向通信的实现代码
Jul 16 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 has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
PHP类的静态(static)方法和静态(static)变量使用介绍
2012/02/19 PHP
php读取flash文件高宽帧数背景颜色的方法
2015/01/06 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
多广告投放代码 推荐
2006/11/13 Javascript
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
jQuery实现为控件添加水印文字效果(附源码)
2015/12/02 Javascript
jQuery实现布局高宽自适应的简单实例
2016/05/28 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
2018/01/12 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
Python基于百度AI的文字识别的示例
2018/04/21 Python
python3 assert 断言的使用详解 (区别于python2)
2019/11/27 Python
python 函数中的参数类型
2020/02/11 Python
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
JDK安装目录下有哪些内容
2014/08/25 面试题
《灯光》教学反思
2014/02/08 职场文书
个人对照检查材料
2014/02/12 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
社会实践活动总结报告
2014/04/29 职场文书
保护环境建议书400字
2014/05/13 职场文书
离职保密承诺书
2014/05/28 职场文书
品质口号大全
2014/06/17 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
员工辞职信怎么写
2015/02/27 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书