일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- javascript
- php
- #업종별
- #솔루션
- #image
- 해피CGI
- #happycgi
- 홈페이지제작
- #홈페이지제작
- #뉴스
- CGIMALL
- 솔루션
- #CSS
- 쇼핑몰
- #쇼핑몰
- #jQuery
- #해피CGI
- 해피씨지아이
- 사이트제작
- #홈페이지
- #cgimall
- #동영상
- 홈페이지
- jquery
- 게시판
- happycgi
- 웹솔루션
- #웹솔루션
- CSS
- #이미지
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Dynamic SEO-Friendly Tag Cloud Generator In jQuery 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] Dynamic SEO-Friendly Tag Cloud Generator In jQuery
해피CGI윤실장 2021. 5. 6. 09:24우선 순위(가중치) 에 따라서 각 태그에 해당하는 텍스트 크기를 동적으로 생성하는 SEO 에 친화적인 클라우드 태그 생성기 입니다.
다운로드 받은 파일의 압축을 해제한후
demo.html 파일을 웹브라우저로 열어보면 확인이 됩니다.
위 그림과 같이 두가지 예제가 있습니다.
텍스트로 표시되는 것을 지정하는 방식은 2가지이며,
HTML 태그로 지정시에는
위와 같이 li 태그에 data-weight 로 지정해 준 점수와
화면에 표시될 텍스트,
텍스트를 클릭시 이동할 링크 주소에 의해서
클라우드 태그형태로 화면에 표시가 됩니다.
javascript 코드로 지정시에는
위 코드와 같은 자바스크립트 코드로 텍스트, 링크주소, 점수를 지정해줄 수 있습니다.
태그로 출력되는 텍스트 외에,
위 코드 처럼 크기, 배경색, 글자의 크기 및 색상 등을 조절하는 옵션이 있습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] vis.js Ver4.21.0 - 각종 통계 차트 그래프 출력 (0) | 2021.05.24 |
---|---|
[해피CGI][cgimall] sigmajs V1.2.1 - 네트워크 그래프 (0) | 2021.05.21 |
[해피CGI][cgimall] Configurable Text Rolling Effects In jQuery - textroll.js (0) | 2021.04.30 |
[해피CGI][cgimall] Simple Data Table with JavaScript (0) | 2021.04.29 |
[해피CGI][cgimall] flxMenu : jQuery Dropdown Navigation Plugin (0) | 2021.04.28 |
Comments