cnblogs jquery_jquery를 기반으로 한 TagCloud 구현 코드

1. "관리>> 구성" 패널

에 들어갑니다. 2. "CSS를 통해 페이지 스타일 사용자 정의" 텍스트 상자에 다음을 추가합니다.

복사 코드 코드는 다음과 같습니다:

/***********태그 클라우드 CSS******************/
#tagCloud {
text-align:center; >overflow: 숨겨진;
}
#tagCloud a{
padding: 0 5px;
line-height:1.5em;
display:inline-block;


3. "바닥글 HTML 코드" 텍스트 상자에

코드 복사를 추가합니다. 코드는 다음과 같습니다: <script> </div>/***********태그 클라우드 스크립트******************/ <div class="codebody" id="code10645">if($("#taglist").length>0) <br> { <br>var dict = {}; <br>$("#taglist td").has("a").has("span").each(function(i, x){ <br>dict[ $("a", this).text()] = $("span", this).text().replace(/[)(]/g, "") <br>}); $("<div&gt ;").attr("id", "tagCloud").appendTo("div#mainContent") <BR>for(var k in dict) <BR>{ <BR>var sz = (dict[k] * 4) 12; <BR>$("<a>") <br>.attr("href", "http://www.cnblogs.com/k-sharp/tag/" escape(k) "/ ") <br>.attr("title", dict[k]) <br>.css("font-size", sz "px") <br>.text(k) <br>.appendTo("# tagCloud") <br>$("#taglist").remove() <br></script>