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 相关文章推荐
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
jQuery制作简洁的图片轮播效果
Apr 03 Javascript
jQuery基于图层模仿五星星评价功能的方法
May 07 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
Aug 05 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
Aug 21 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
Nov 29 Javascript
理解JS事件循环
Jan 07 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
vue实现循环切换动画
Oct 17 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 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的数组与字符串的转换函数整理汇总
2013/07/18 PHP
php相对当前文件include其它文件的方法
2015/03/13 PHP
PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
PHP使用 Pear 进行安装和卸载包的方法详解
2019/07/08 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
PHP vsprintf()函数格式化字符串操作原理解析
2020/07/14 PHP
onpropertypchange
2006/07/01 Javascript
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
js实现分割上传大文件
2016/03/09 Javascript
JavaScript  cookie 跨域访问之广告推广
2016/04/20 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
python中关于日期时间处理的问答集锦
2013/03/08 Python
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
itchat接口使用示例
2017/10/23 Python
Python设计模式之门面模式简单示例
2018/01/09 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
Django中的forms组件实例详解
2018/11/08 Python
python调用c++传递数组的实例
2019/02/13 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
python3.7添加dlib模块的方法
2020/07/01 Python
吃透移动端 1px的具体用法
2019/12/16 HTML / CSS
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
物业公司采购员岗位职责
2013/12/31 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
2014年纪委工作总结
2014/12/05 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
2015年党小组工作总结
2015/05/26 职场文书
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
Golang 1.18 多模块Multi-Module工作区模式的新特性
2022/04/11 Golang
Python获取字典中某个key的value
2022/04/13 Python