jQuery 튜토리얼, 모음 사이트 링크들

JQUERY 실제 쓴 거

 

jQuery 를 이용한 슬라이드 이미지 (*첨부파일 있음)
http://cfs.tistory.com/custom/blog/68/684698/skin/images/jquery_image_slider.html

 

JQUERY 튜토리얼 사이트

다양한 기능이 내장된 jquery 플러그인 모음 jQuery Tools

http://flowplayer.org/tools/demos/index.html

다양한 기능이 포함된 jquery 팝업 플러그인 - Gritter

http://boedesign.com/demos/gritter/

Codrops is a web development blog 

http://tympanus.net/codrops/

Ajax < Web development | AjaxRain.com

http://www.ajaxrain.com/

javascript and CSS home page
http://www.stunicholls.com/index.html

CSS tips and tricks - Red Team Design

http://www.red-team-design.com/

JQUERY 모음 사이트

JQUERY 모음 링크들

http://nemesys.co.kr/jquery

 

JQUERY 팁/괜찮은 거

jQuery Fixed Table Header Plugin

테이블의 데이터가 많을때 헤더가 유지되도록

http://www.mustafaozcan.net/en/page/jQuery-Fixed-Table-Header-Plugin.aspx

 

FORM

- TEXTAREA 문자 수 제한 http://tympanus.net/jMaxInput/

 

LAYOUT

- 페이지 푸터 고정, 배너나 광고 형식, 닫기하면 사라짐 http://jarodtaylor.com/meerkat/demos/demo1.php

 

IMAGE

- 이미지에 마우스 오버하면 이미지 위에 불투명 박스 생기면서 설명 문구 나옴 http://thirdroute.com/projects/captify/

- 이미지 전환 효과 (섞기, 줌, 페이드, 접기, 클릭시 전환 등) http://www.malsup.com/jquery/cycle/

- 이미지 슬라이드 (하단에 썸네일 이미지 클릭하면 메인 이미지 전환, 슬라이드 온오프도 가능)http://opiefoto.com/articles/photoslider#example

 

CONTENT

- 기존에 책갈피에 스르륵 하는 효과 http://jquery.com/demo/thickbox/

- 컨텐츠 슬라이드 (이미지 슬라이드 개념) http://www.reindel.com/accessible_news_slider/#examples

- 테이블 제목 클릭 시 해당 제목 기준으로 정렬 (페이지 새로고침 없음) http://tablesorter.com/docs/index.html#Demo

 

MENU

아코디언 메뉴, 메뉴 접혔다 펼쳤다 http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html

심플한 아코디언 메뉴 http://jquery.com/files/demo/dl-done.html, http://www.i-marco.nl/weblog/jquery-accordion-menu/

아코디언 메뉴, 여러가지 효과 http://jquery.bassistance.de/accordion/demo/

여러가지 스타일의 메뉴 http://apycom.com/menus/1-dim-gray.html

 

ETC

- 스크롤바 꾸미기 http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

[출처] jQuery 플러그인|작성자 하나쿤

 

resizable http://jqueryui.com/demos/resizable/default.html

sortable http://jqueryui.com/demos/sortable/default.html

accordion http://jqueryui.com/demos/accordion/default.html

 

http://css-tricks.com/examples/MovingBoxes/

http://demo.marcofolio.net/polaroid_photo_viewer/

Grid Accordion

http://css-tricks.com/examples/InfoGrid/

가로 슬라이드 텍스트+배너
http://aext.net/2009/08/kwicks-for-jquery-and-an-awesome-horizontal-animated-menu/

 

JQUERY LIGHTBOX EVOLUTION EXAMPLES

http://www.ajaxcase.com/demo/SexyLightBox

 

In-Field Labels jQuery Plugin

http://www.ajaxcase.com/demo/In-Field_Labels

 

 

높이가 다른 block 요소의 높이를 맞추어 주는 간단한 jQuery 플러그인

http://nemesys.co.kr/jquery/66951

 

 jQuery carousel 플러그인의 최강자 - jQuery.carouFredSel  
http://caroufredsel.frebsite.nl/

 

여러가지 소스를 이용해 다양한 형태의 슬라이드 구현

http://www.agilecarousel.com/

 

 

셀렉트박스, 체크박스, 라디오, 입력박스
http://www.prismstudio.co.uk/plugins/stylish-select/0.4/

http://www.protofunc.com/scripts/jquery/checkbox-radiobutton/

 

플로팅 메뉴 구현시 쓰면 괜찮을 jQuery 플러그인 Portamento

http://simianstudios.com/portamento/

 

슬라이드 여러가지

http://slidesjs.com/

슬라이드 left

http://drupal.nayana.com/slideleft/slideleft2.html

출처 : http://blog.daum.net/leonato/13655464