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 dom代码应用 简单的相册[firefox only]

但我觉得这还不行，毕竟什么都是人家封装好的，得自己深入学习下原生的javascript才踏实。今天看到一篇不错的博文，介绍了一个基于js dom编程的相册实例，虽然这个例子很小，但个人认为还是很有学习价值的，先给出>>>详细阅读

本文标题：cnblogs TagCloud基于jquery的实现代码

地址：http://www.17bianji.com/kaifa2/JS/26200.html

 1/2    1