Development/jQuery

jQuery - 플러그인 모음

linuxism 2012. 5. 29. 14:49


-light box(이미지 미리보기,pre,next) : http://leandrovieira.com/projects/jquery/lightbox/

 -이미지 싸이클 : http://www.malsup.com/jquery/cycle/

 -BlockUI Plugin(processing,처리중 등등,confirm) :  http://www.malsup.com/jquery/block/#element

 -UI Modal : http://jquery.com/demo/thickbox/

 -플래쉬 플러그인 삽입 : http://jquery.lukelutman.com/plugins/flash/#examples

 -Photo Slider Tutorial : http://opiefoto.com/articles/photoslider#example

 -jScrollPane : http://kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

 - unobtrusive tabs(탭메뉴) :      http://www.sunsean.com/idTabs/#t3

 -jQuery Form Plugin  : http://malsup.com/jquery/form/#code-samples

 -jquery.suggest, an alternative jQuery based autocomplete library(자동완성)
  http://www.vulgarisoip.com/2007/06/29/jquerysuggest-an-alternative-jquery-based-autocomplete-library/
  http://nodstrum.com/2007/09/19/autocompleter/


-Masked Input Plugin    : (입력포맷 확인)

  http://digitalbush.com/projects/masked-input-plugin
  http://www.appelsiini.net/projects/jeditable/default.html

 -Overlabel with JQuery(박스안에 워터마킹처리)  : http://scott.sauyet.com/Javascript/Demo/Overlabel/

 -Styling an input type="file"(파일찾기 이미지 처리)
   http://www.quirksmode.org/dom/inputfile.html

 -jQuery UI Datepicker v3.0 Examples(달력)
  http://marcgrabanski.com/code/ui-datepicker/

 -jQuery Validation Plugin(폼체크,포커싱)
  http://www.texotela.co.uk/code/jquery/focusfields/
 
 -jQuery columnHover plugin(컬럼 하이라이트/컬럼 컨트롤)
  http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html
  http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html

 -tablesorterDocumentation(테이블 순서)
  http://tablesorter.com/docs/index.html 

 -jQuery Accordion Demo(컨테이너 예제) - 좌측메뉴 쓰면 좋을만함
  http://jquery.bassistance.de/accordion/?p=1.1.1

 -jQPanView based in jQuery 1.1(이미지 확대보기)
  http://projects.sevir.org/storage/jpanview/index.html

 -jQuery Impromptu(confirm,alert 등등)
  http://trentrichardson.com/Impromptu/

 -jqGrid Examples(그리드) 관리자페이지로 쓰면 좋을화면구성
  http://trirand.com/jqgrid/jqgrid.html#

 -Toggle HTML-Elements with jQuery
  http://jquery.andreaseberhard.de/toggleElements/

 -UI/Sortables(테이블 위치변경 ^^)
  http://docs.jquery.com/UI/Sortables


 -로컬 스크롤러
  http://www.freewebs.com/flesler/jQuery.LocalScroll/


 -슬라이더
  http://docs.jquery.com/UI/Slider/slider

 -쇼핑카트
  http://www.mimul.com/pebble/default/2007/10/30/1193753340000.html

 -테이블 소트
  http://www.mimul.com/pebble/default/2007/11/06/1194348600000.html

 -이미지 나중에 로딩시키기
  http://www.mimul.com/pebble/default/2007/11/10/1194695220000.html

 -오토탭(입력시 폼객체 자동넘김)
  http://dev.lousyllama.com/autotab/

 -실시간 폼객체 수정
  http://www.appelsiini.net/projects/jeditable/custom.html


 -차트
  http://www.reach1to1.com/sandbox/jquery/jqchart/

 -CSS Dock Menu (Jquery + CSS) 
  후니넷에서 보삼
 -툴팁
  http://www.codylindley.com/blogstuff/js/jtip/

 -XML데이터 뿌리기

  http://www.xml.com/pub/a/2007/10/10/jquery-and-xml.html
  http://www.mimul.com/pebble/default/2006/11/05/1162710000000.html

 -Clearing Form

  http://www.learningjquery.com/2007/08/clearing-form-data

 --암호 복잡성 체크

  http://phiras.googlepages.com/PasswordStrengthMeter.html


 --GetString 퍼라미터 가져오기
  http://www.mathias-bank.de/2006/10/28/jquery-plugin-geturlparam/


 --파일 업로드(input=file) 리폼
  http://www.appelsiini.net/projects/filestyle/demo.html


웹디자인 템플릿트(2.0)
http://www.templateworld.com/free_templates.html


^^ AJAX CALLING --활용가능성 높음
http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/

--AJAX 아이디 중복체크 - 활용가능성 아주높음
http://www.shawngo.com/gafyd/index.html


^^Simple tableSorter(리스트 정렬) 활용가능성 중간
http://motherrussia.polyester.se/docs/tablesorter/

^^죽이는 어코디언 메뉴

http://dev.portalzine.de/index?/Horizontal_Accordion--print

^^ AJAX Indicator 이미지
http://qureyoon.blogspot.com/2006/11/make-your-own-loading-gif.html

----------------------------------------
2007.12.28 찾은것
----------------------------------------
http://rikrikrik.com/jquery/quicksearch/#usage

http://host.sonspring.com/portlets/
http://jquery.andreaseberhard.de/toggleElements/
http://www.getintothis.com/pub/projects/rb_menu/
http://icon.cat/software/iconDock/0.8b/dock.html

http://rikrikrik.com/jquery/shortkeys/#examples
http://rikrikrik.com/jquery/pager/#examples
http://defunkt.io/facebox/  --라이트박스같은것
http://www.andreacfm.com/

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html - 뉴스 스크롤


http://www.laptoptips.ca/projects/tinymce-advanced/ --Open Source WYSWYG 웹 에디터 advanced

http://www.digital-web.com/extras/jquery_crash_course/ -jquery로 만든 비행 예약 시스템 데모(Passenger Management )

http://www.xml.com/pub/a/2007/10/10/jquery-and-xml.html?page=2 -jquery와 XML


http://extjs.com/deploy/dev/examples/tree/two-trees.html --트리
http://www.amcharts.com/column/ - 차트(바로 사용^^)
http://particletree.com/features/rediscovering-the-button-element/ - 버튼 스타일링
http://www.i-marco.nl/weblog/jquery-accordion-menu/ - 실용성 높은 어코디언 메뉴


http://www.sastgroup.com/jquery/240-plugins-jquery
http://jquery.bassistance.de/jquery-getting-started.html


2011.04.11 찾은 jQuery Plugin

http://www.ajaxline.com/best-jquery-plugins-february-2011

 

 

 

01.업로드

01-01.jQuery File Upload
기능 : 프로그래스바, 취소, 파일크기, 삭제, Drag&Drop
http://aquantum-demo.appspot.com/file-upload

 

01-02.Ajax Upload
기능 : 프로그래스바, 취소, 파일크기, Drag&Drop
http://valums.com/ajax-upload

 

01-03.uploadify
기능 : 프로그래스바, 취소, 파일크기
제약사항 : 플래시 사용 필수
http://www.uploadify.com/demos

 

02.트리

02-01.jQuery plugin: Treeview

http://jquery.bassistance.de/treeview/demo/ 

 

02-02.jXMLTree jQuery Plugin(XML파일을 이용한 Tree메뉴생성)

http://royjin.wordpress.com/2010/06/18/jxmltree-jquery-plugin-xml-menu-tree-generating/ 

 

03.Validation

http://bassistance.de/jquery-plugins/jquery-plugin-validation/
사용방법 : http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=72358

 

04.레이어팝업

04-01.ColorBox

http://jacklmoore.com/colorbox/

 

04-02.FancyBox
http://fancybox.net/

 

좌측메뉴 

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

 

Context메뉴 

http://www.javascripttoolbox.com/lib/contextmenu/

 

Table-DataTable 

http://datatables.net/examples/

Table-FlexGrid 

http://plugins.jquery.com/project/flexigrid

데모 : http://flexigrid.info/
http://www.trirand.net/demo.aspx

 

이미지 줌 

http://www.mind-projects.it/projects/jqzoom/index.php#examples

 

Chart 

http://code.google.com/p/flot/

html5 canvas access차트

http://www.filamentgroup.com/lab/creating_accessible_charts_using_canvas_and_jquery/

 

DropDown 

http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/
http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

 

ToolTip 

http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/

 


AIR(좌석예약) 

http://www.digital-web.com/extras/jquery_crash_course/


출처 - http://seobangnim.com/zbxe/?document_srl=243514



저작자표시