您的位置:首页 > Web前端 > JQuery

cnblogs TagCloud基于jquery的实现代码

2010-06-11 00:00 483 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: