cnblogs TagCloud基于jquery的实现代码_Javascript教程-查字典教程网 >配置"面板2.在"通过CSS定制页面风格"文本框内,添加:复制代码代码如下:/***********tagcloudcss****************/#tagCloud{tex..."/>
cnblogs TagCloud基于jquery的实现代码
cnblogs TagCloud基于jquery的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:1.进入"管理>>配置"面板2.在"通过CSS定制页面风格"文本框内,添加:复制代码代码如下:/***********tagcloudcss...

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教程学习
    热门Javascript教程学习
    编程开发子分类