[해피CGI][cgimall]Tag Clouds Styling and Adding Sort Options

웹페이지에 Tag Cloud 를 출력할수 있는 jquery 플러그인입니다.

첨부된 파일을 다운로드 받아서
압축을 해제하고
index.html, index2.html, index3.html 을
웹브라우져로 열어보시면 데모를 확인하는게 가능합니다.

 

 

 

기능은 각 태그들을 알파벳순으로 정렬하는 기능과,
위 이미지의 상단에 있는 모양 에서
하단의 모양으로 변경되는 기능 정도가 있습니다.


단어를 추가하는 것은 HTML태그에 li 태그를 추가하는 정도로 쉽게 가능하며,

 

 

자바스크립트는
화면에 보이는 tag의 모양을 변경하는 코드는 아래와 같고, 

 

 

알파벳순으로 정렬하는 코드는

 

 

위 그림 처럼 홈페이지에서 제공도 해주지만,
첨부파일에 포함된 index3.html 의 소스코드내에도 있습니다.

출처는 http://cssglobe.com/tag-clouds-styling-and-adding-sort-options/ 입니다.