cnblogs TagCloud基于jquery的实现代码
更新时间：2010年06月11日 14:39:29 作者：
自创"山寨版"的"博客园"TagCloud!...
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>
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>
相关文章
这篇随笔收集了10款非常给力的jquery 插件，帮助你构建易用性良好的网站，希望对你有用！2011-01-01
主要是为了往后的项目中方便实现这类型的功能，在之前做问卷调查那个应用中，就用到这个来显示结果，但当时开发时并不用是插件的，一大堆代码，看也烦，用起来很麻烦2012-09-09
这篇文章主要介绍了jquery实现的带有索引按钮且自动轮播切换特效，图片简单大方，感兴趣的小伙伴可以参考下。2015-09-09
这篇文章主要介绍了jquery选择checked在ie8普通模式下的问题,需要的朋友可以参考下2014-02-02
这篇文章主要给大家详细介绍了jQuery.each使用方法及源码分析的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery扩展实现text提示还能输入多少字节的方法,涉及jQuery扩展及字符串操作相关技巧,需要的朋友可以参考下2016-11-11
jQuery分页插件jquery.pagination.js使用方法解析
这篇文章主要为大家详细解析了jQuery分页插件jquery.pagination使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
我们通常在执行一次ajax请求过后，需要更新界面上的某些内容，一般通过动态插入dom元素。2010-10-10
这篇文章主要为大家详细介绍了jquery插件实现扫雷游戏第二篇，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要介绍了jQuery采用连缀写法实现的折叠菜单效果,通过jQuery的连缀写法(又称链式操作)实现菜单折叠的显示效果,非常简单实用,需要的朋友可以参考下2015-09-09
最新评论