cnblogs TagCloud基于jquery的实现代码_jquery

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> <BR>/***********tag cloud script****************/ <BR>if($("#taglist").length>0) <BR>{ <BR>var dict = {}; <BR>$("#taglist td").has("a").has("span").each(function(i, x){ <BR>dict[$("a", this).text()] = $("span", this).text().replace(/[)(]/g, ""); <BR>}); <BR>$("<div>").attr("id", "tagCloud").appendTo("div#mainContent"); <BR>for(var k in dict) <BR>{ <BR>var sz = (dict[k] * 4) + 12; <BR>$("<a>") <BR>.attr("href", "http://www.cnblogs.com/k-sharp/tag/"+escape(k)+"/") <BR>.attr("title", dict[k]) <BR>.css("font-size", sz + "px") <BR>.text(k) <BR>.appendTo("#tagCloud"); <BR>} <BR>$("#taglist").remove(); <BR>} <BR></script>