jQuery 플러그인 정리

 

jquery plugin 모음

jQuery

Serial Scroll

• 각종 슬라이딩
• 위치 다양
• 부드러움
• 아이템 랜덤으로 섞기

mb.jQuery.components!

• 메뉴
• 다중 카테고리
• 멀티플 메뉴
• 이미지 포함
• 메뉴가 나타나고 사라질 때 부드러운 페이드인 페이드아웃 효과
• 콘테이너
• 자유로운 이동, 마치 윈도우즈 프로그램 창을 다루는 느낌)
• 부드러운 효과
• 이미지 갤러리
• DOM, 팝업, 이미지 나열
• 이미지 로등시 부러운 효과
• 미디어 임베더
• 치환자를 사용하여 아주 간단하게 코딩
• 미디어 임베더 2
• 백그라운드, DOM에 유트브 등의 무비 넣을 수 있음
• 마스크 이미지 갤러리
• 프레임을 이용한 이미지 갤러리
• 탭
• 부드러운 효과
• 손쉽게 탭 삽입 가능
• 이미지 네비게이터
• 프레임을 이용해서 마스크를 씌운 듯 이미지 일부 노출
• 마우스 드래그로 숨겨진 이미지 확인
• 툴팁
• 부드러운 효과
• 미려한 디자인
• 스크롤 (배너)
• 단계를 주거나 원하는 위치로 손쉽게 스크롤
• 스크롤을 멈추거나 다시 시작 가능
• 문서 확장
• 새로운 장소에 문서를 만들고 스크롤 효과로 나탄나거나 숨김
• 텍스트
• 텍스트 흐름을 세로로 전환

Dock and Stack

• 맥 아이콘 효과
• 마우스로 선택한 아이콘을 중심으로 크기 전환
• 마우스로 클릭시 아이콘 나타남

bassistance.de

• 자동완성
• 정해진 폼에서 정해진 값중 하나를 입력 할 때 문자열 자동 완성
• 메시지
• 특정 값을 화면에 출력
• 일정시간 흐른후 사라짐
• 부드러운 효과
• 비밀번호 유효성 검사
• 값을 입력시 실시간으로 비밀번호의 값이 정당한지 출력
• 툴팁
• 다양한 툽팁 효과
• 트리뷰
• 디렉토리 구조에서처럼 트리모양으로 출력
• 유효성 검사
• 사용자 입력값을 다양하게 검사

thickbox

• 이미지 갤러리, 팝업 상자
• 팝업시 주위를 암흑으로 만들어 이미지를 도드라지게 하는 효과
• 이미지 로딩 나타냄

jCarousel

• 슬라이딩
• 다양하게 슬라이딩을 할 수 있도록 옵션 제공

★ flowplayer

• 탭
• 툴팁
• 오버레이
• 스크롤
• 유효성검사
• 범위지정
• 날짜입력
• 도드라짐
• 플래쉬 임베드
• 여러가지 효과 조합
• 위의 효과들 여러가지를 동시에 사용함

markitup

• HTML 생성기
• HTMl 코드를 적용시켜 줌

gMap

• 구글맵 API
• http;//cshong.tistory.com/271

Protovis

• 그래프
• http://cshong.tistory.com/270

MagicLine Navigation

• 애니메이션 매뉴

jquery.showcase

• 쇼케이스

Pageslide

• 페이지 슬라이드

Galleria

• 풀사이즈 이미지 갤러리

Dream Css

• 슬라이드 갤러리

Roundabout for jQuery

• 회전형 컨텐츠 디스플레이

Mop Box

• 자바스크립트 팝업 쇼 박스

Before/After

• 두 이미지 두고 좌우 대칭으로 바꾸기 이전과 이후를 보여주는 플러그인

Highlighter

• 레이아웃 하이라이트

Masonry

• 레이아웃 정렬

TufteGraph

• 간편 그래프를 생성

TipTip

• 툴팁

ColorBox

• 수정이 용이한 LightBox

MopSlider 2

• 깔끔한 팝업 슬라이더

 

파일 업로드에 관련된 라이브러리

1. jQuery File Upload
- License : MIT
- 기능 : 프로그래스바, 취소, 파일크기, 삭제, Drag&Drop
- url : https://github.com/blueimp/jQuery-File-Upload/downloads

2. Ajax Upload
- License : GPL2 or LGPL2
- 기능 : 프로그래스바, 취소, 파일크기, Drag&Drop
- url : https://github.com/valums/file-uploader

3. Uploaddify
- License : MIT
- 기능 : 프로그래스바, 취소, 파일크기
- 제약사항 : 플래쉬 사용 필수
- url : http://www.uploadify.com/demos/

기타 jQuery 플러그인 모음

http://lotsofclicks.blogspot.com/2009/10/jquery-35.html

http://wiki.dev.daewoobrenic.co.kr/mediawiki/index.php/JQuery

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html

http://www.1stwebdesigner.com/resources/36-eye-catching-jquery-navigation-menus/

http://www.malsup.com/jquery/

 

 

 

열정있는 청년들의 웹에이전시 - 블루스크린 www.bluescr.com

 

- 홈페이지 제작, 어플리케이션 개발

- 웹프로그래밍

- 횸페이지 유지 및 보수 관리

- 소셜마케팅, 바이럴마케팅

- 컨설턴트