Tag Clouds Styling and Adding Sort Options happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > Tag Clouds Styling and Adding Sort Options 상세정보

클라우드태그

javascript

PHP

ASP

css

HTML

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

Tag Clouds Styling and Adding Sort Options

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

46 회

간단설명

jquery 를 이용해서 제작된 tag clouds 플러그인입니다.

평가하기

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

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

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

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

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

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

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

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