레이어를 이용한 그래프 happycgi

회원가입

출석체크

마이페이지

CGIMALL

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

홈 > JAVASCRIPT > javascript 소스창고 > 레이어관련 > 레이어를 이용한 그래프 상세정보

클라우드태그

javascript

php

CSS

html

ASP

API

jquery

mysql

image

mobile

slide

게시판

메뉴

현재접속자 35명

레이어를 이용한 그래프

해피팀

네티즌

소스분류

레이어관련

다운로드 횟수

100 회

간단설명

js-graph 를 이용하여 블록들을 그래프를 이용하여 연결 시키는 기능입니다.

평가하기

안녕하세요 HappyCGI 입니다.

이번에 소개해 드릴 자료는 js-graph 입니다.

License : Apache License V2.0

압축을 해제 하시면 아래의 폴더 구조를 가지고 있습니다.

sf-homepage 에 보시면 gettingstarted.html 파일이 있으며 가장 기본샘플 파일 입니다.

js-graph 는 레이어를 드래그&드랍하여 위치를 이동시킬 수 있습니다.
레이어 끼리 연결을 시켜서 관계를 보여줄 때 사용하면 좋을듯 합니다.
원본 사이트에는 div 포지션을 보여주는 기능은 없지만 수정해 div의 포지션을 보여줄 수 있도록 조금 수정해 두었습니다.

해당 폴더의 test2.html 을 보시면 아래의 설명 이미지를 보여주기 위해 사용한 샘플 HTML 파일도 넣어 두었습니다.

javascript + Ajax + DB 를 연동시키면 레이어를 소스 수정없이 추가하거나
레이어의 위치와 연결 고리를 만들면 재미있는 기능을 구현할 수 있겠네요. ^^

사용방법은 아래의 이미지를 참고하세요.