[이클립스 팁] JQuery UI 사용하기

 

1. Jquery 홈페이지의 UI 탭에서 원하는 UI 테마를 고른다.

 

• 테마 고르러 가기 >Explore the theme gallery
• 테마 제작 하기    >Design a custom theme
• 커스텀 테마 다운로드 바로하기 > Build custom download
• Stable (1.8.23: jQuery 1.3.2+)
• Legacy (1.7.3: jQuery 1.3+)

 

 

 

 

2. 기본 폰트를 설정하고 Download theme 클릭

 

 

 

 

3. 버전 선택 후 다운로드 시작

 

 

 

 

4. 압축 해제 후 내부에 있는 3개의 폴더를 모두 복사

 

 

 

 

5. 사용할 프로젝트의 WebContent에 붙여넣기

 

 

 

 

6. 폴더 확인 ( x표시 떠있으나 사용시 문제 없음 )

 

 

 

 

6-1. 압축 상태가 아닌 코드를 다운받아서 붙여넣으면 오류 없어진다

 

 

 

 

 

7. 처음 테마 다운받아 압축 받았던 폴더의 index.html 열기

 

 

 

 

8. 밑의 3 줄 복사 후 사용할 html 파일 head 부분에 붙여넣기

 

 

 

 

 

9. 사용시 참고 문서 및 홈페이지

http://visualjquery.com/

jQuery 1.7 API Cheat Sheet 

 http://futurecolors.ru/jquery/