사이트 :
http://www.ndesign-studio.com/blog/css-dock-menu
데모 :
http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html
2010년 3월 11일 목요일
간단한 문단 생성하여 붙이기
jQuery로 간단한 문단을 생성하여 붙이기.
[code javascript]$('')
.html('Hey World!')
.css('background', 'yellow')
.appendTo("body");[/code]
자바스크립트 라이브러리 Jquery 플러그인
- Jquery 플러그인 모음 이거한방이면 끝..!! : http://www.seek-blog.com/41065/14090/240-plugins-jquery.html
- light box(이미지 미리보기,pre,next) : http://leandrovieira.com/projects/jquery/lightbox/
- 이미지 스크롤 : http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/
- 이미지 싸이클 : 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
- Accessible News Slider : http://www.reindel.com/accessible_news_slider/#examples
- unobtrusive tabs(탭메뉴) : http://stilbuero.de/jquery/tabs/#fragment-29
http://www.sunsean.com/idTabs/#t3 - jQuery Ajax Link Checker : http://troy.dyle.net/linkchecker/
- 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/ - jlook(폼객체 리뉴얼) : http://envero.org/jlook/
- jQuery - LinkedSelect(멀티 select) : http://www.msxhost.com/jquery/linked-selects/json/
- 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://jquery.bassistance.de/validate/demo-test/
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.reindel.com/accessible_news_slider/ - 로컬 스크롤러
http://www.freewebs.com/flesler/jQuery.LocalScroll/ - 핫키 테스트
http://jshotkeys.googlepages.com/test-static.html - 슬라이더
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.designerkamal.com/jPrintArea/# - 차트
http://www.reach1to1.com/sandbox/jquery/jqchart/ - CSS Dock Menu (Jquery + CSS)
후니넷에서 보삼 - 툴팁
http://www.codylindley.com/blogstuff/js/jtip/ - XML데이터 뿌리기
http://blog.reindel.com/src/jquery_browse/
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
- -Form Serialize http://dev.jquery.com/wiki/Plugins/FastSerialize
- -GetString 퍼라미터 가져오기
http://www.mathias-bank.de/2006/10/28/jquery-plugin-geturlparam/ - -검색 후 콤보생성(ajax with combo) 아주 유용함
http://extjs.com/deploy/ext/examples/form/forum-search.html
http://extjs.com/deploy/ext/examples/grid/edit-grid.html-->그리드 - -파일 업로드(input=file) 리폼
http://www.appelsiini.net/projects/filestyle/demo.html - Jquery Best
http://www.spicyexpress.net/general/jquerry-at-it-best-downloadable-jquerry-plugins-and-widgets-for-you-2/ - 웹디자인 템플릿트(2.0)
-http://www.templateworld.com/free_templates.html - Jquery tag cloud
http://www.ajaxrain.com/tagcloud.php - Jquery 기본설명
http://www.zzbb.kr/34 - ^^Star Rater(순위) --활용가능성 높음
http://www.m3nt0r.de/devel/raterDemo/ - ^^ AJAX CALLING --활용가능성 높음
http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/ - --AJAX 아이디 중복체크 - 활용가능성 아주높음
http://www.shawngo.com/gafyd/index.html - ^^ jQuery framework plugins which provide a way to sort and nest elements in web applications, using drag-and-drop(테이블드래그앤드랍) --활용가능성 중간
http://code.google.com/p/nestedsortables/ - ^^Simple tableSorter(리스트 정렬) 활용가능성 중간
http://motherrussia.polyester.se/docs/tablesorter/ - ^^Cookie 활용가능성 높음
http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ - ^^태깅 --그냥한번보자..ㅎ
http://www.alcoholwang.cn/jquery/jTaggingDemo.htm - ^^죽이는 어코디언 메뉴
http://dev.portalzine.de/index?/Horizontal_Accordion--print - ^^ AJAX Indicator 이미지
http://qureyoon.blogspot.com/2006/11/make-your-own-loading-gif.html - ----------------------------------------
기타 링크들..
----------------------------------------
http://rikrikrik.com/jquery/quicksearch/#usage
http://nadiaspot.com/jquery/confirm/#examples
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://www.nuernberg.de/internet/portal/index.html
http://rikrikrik.com/jquery/shortkeys/#examples
http://rikrikrik.com/jquery/pager/#examples
http://famspam.com/facebox/ --라이트박스같은것
http://www.andreacfm.com/
http://www.vulgarisoip.com/2007/06/29/jquerysuggest-an-alternative-jquery-based-autocomplete-library/ --autocomplete
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html - 뉴스 스크롤
http://d-scribe.de/webtools/jquery-pagination/demo.htm# --페이징
http://tinymce.moxiecode.com/example_full.php?example=true --Open Source WYSWYG 웹 에디터
http://www.laptoptips.ca/projects/tinymce-advanced/ --Open Source WYSWYG 웹 에디터 advanced
http://extjs.com/ -또다른 RIA JAVAscRIPT 프레임워크
http://www.digital-web.com/extras/jquery_crash_course/ -jquery로 만든 비행 예약 시스템 데모(Passenger Management )
http://markc.renta.net/jquery/ --jquery 간단예제
http://www.xml.com/pub/a/2007/10/10/jquery-and-xml.html?page=2 -jquery와 XML
http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/ -쿠키 플러그인
http://jquery.com/files/demo/dl-done.html --간단한 어코디언 메뉴
http://mjslib.org/doc/legacy/fieldgroup.html --폼필드 컨트롤
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
셀렉트박스
http://plugins.jquery.com/project/selectboxutils
http://dev.chrisryu.com/data/jQuery-selectbox-utils/demo/index.html
<script>
$(function(){
$('#year1').numericOptions({from:2007,to:2011});
$('#month1').numericOptions({from:1,to:12});
$('#date1').numericOptions().datePulldown({year:$('#year1'),month:$('#month1')});
});
</script>
<select id="year1"/><select id="month1"/><select id="date1"/>
$(function(){
$('#year1').numericOptions({from:2007,to:2011});
$('#month1').numericOptions({from:1,to:12});
$('#date1').numericOptions().datePulldown({year:$('#year1'),month:$('#month1')});
});
</script>
<select id="year1"/><select id="month1"/><select id="date1"/>
jQuery 관련 사이트
jQuery는 자바스크립트와 HTML 사이의 상호작용을 강조하는 경량화된 웹 애플리케이션 프레임워크이다. 존 레시그에 의해, 2006년 뉴욕 시 바캠프(Barcamp NYC)에서 릴리즈되었다.
jQuery는 MIT 라이선스와 GNU 일반 공중 사용 허가서의 듀얼 라이선스 하의 자유 오픈 소프트웨어이다.
jQuery 공식사이트 : http://jquery.com/
데모 : http://jqueryui.com/
jQuery 위키 : http://ko.wikipedia.org/wiki/JQuery
Visual jQuery 1.2.6 : http://www.visualjquery.com/
피드 구독하기:
글 (Atom)