>配置"面板2.在"通过CSS定制页面风格"文本框内,添加:代码如下:/***********tagcloudcss****************/#tagCloud{text-align:center;overflow:hidden;" /> 

汇盛国际:cnblogs TagCloud基于jquery的实现代码

标签:关于我们    日期:2018-01-22 10:41    录入:汇盛国际平台    浏览:

  

[cnblogs,TagCloud]cnblogs TagCloud基于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代码"文本框内, 添加:  
代码如下:
  
  
/***********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, "");  
});  
$("
").attr("id", "tagCloud").appendTo("div#mainContent");  
for(var k in dict)  
{  
var sz = (dict[k] * 4) + 12;  
$("")  
.attr("href", ""+escape(k)+"/")  
.attr("title", dict[k])  
.css("font-size", sz + "px")  
.text(k)  
.appendTo("#tagCloud");  
}  
$("#taglist").remove();  
}  
  

★★★小编:
汇盛国际注册 整理文章,欢迎大家转载 ★★★
上一篇:JavaScript中的遍历详解(多种遍历)
下一篇:没有了
点击右上角的分享按钮即可收藏汇盛国际平台注册 随时随地与好友一起分享精彩内容噢