[JavaScript] 유용한 사이트 모음

[JavaScript] 유용한 사이트 모음 updated_at: 2023-03-14 05:07

JQuery 관련 링크 모음

jQuery Grid Plugin 게시판에서 정렬과 게시판 펼치기 접기 등의 기능을 도와주는 플러그인

http://www.trirand.com/blog/?page_id=6

그리드 (*) : 전체 페이징을 하지 않는 Ajax 게시판

http://www.reconstrukt.com/ingrid/example2.html

팬시박스 (): 이미지 팝업창에 모달효과 약간의 에니메이션이 들어감. http://fancy.klade.lv/ (****) 예제 : http://fancy.klade.lv/example jQuery Lightbox Plugin (balupton edition) () : 이미지 모달 팝업

http://www.balupton.com/sandbox/jquery_lightbox/

imagebox : 이미지 모달 팝업

http://www.intelliance.fr/jquery/imagebox/

이미지 회전: 이미지의 회전이 가능하게 한다.

http://www.piksite.com/mRotate/mRotate.html

jQuery sliding gallery demo : 이미지 애니메이션 슬라이드

http://phplug.net/components/javascript/jquery-gallery.html

이미지 슬라이딩 : 좌 우로 움직임

http://www.maxb.net/scripts/ycodaslider-2.0/include/demo/#10

이미지공간감 효과 (***): 여러 이미지를 레이어 겹쳐 놓음으로써 3D 효과를 준다. http://webdev.stephband.info/parallax.html

디자이너를 위한 jquery (**): 태그 조작과 에니메이션 효과와 관련된 사이트

http://www.webdesignerwall.com/demo/jquery/(****)

AutoScroll (*) :컨트롤 키 누른 채로 mouse 움직였을 때, 자동 스크롤이 가능하게끔

http://jdsharp.us/jQuery/plugins/AutoScroll/demo.php (****)

drag and drop (*) : 드래그 드랍 예제

http://host.sonspring.com/dragdrop/ (***)

JQuery 예제 모음 사이트 (*****)

http://www.ajaxrain.com/tag?tag=jquery

컬럭 Picker (****) :

PhotoShop의색 선택 기능이 가능.

http://www.intelliance.fr/jquery/color_picker/

jQuery MultiSelect (**) :custom 셀렉트 박스, 셀렉트 박스에 체크박스가 추가 되어 여러개를 선택 가능한 박스.

http://abeautifulsite.net/notebook_files/62/demo/jqueryMultiSelect.html

jQuery checkbox v.1.0.0" demo (**) : custom 디자인 체크박스 http://widowmaker.kiev.ua/checkbox/

jQuery Treeview Plugin Demo (**) : 트리 컨트롤러 1

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

jQuery File Tree Demo (***) : JQuery 트리 컨트롤로 2

http://abeautifulsite.net/notebook_files/58/demo/

jQuery columnManager plugin (*) : 테이블의 컬럼을 추가 삭제등의 기능 제공

http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html

jQuery AIR (***) : ajax를 이용한 항공 좌석 예약.

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

Masked Input Plugin(**) : 입력상자에 exel과 같은서식 적용.

http://digitalbush.com/projects/masked-input-plugin

Watermark Input Plugin(*): 입력상자에 워터마크 표시

http://digitalbush.com/projects/watermark-input-plugin

ClockPick (***): 입력상자에시간을 선택해서 넣을 수 있다.

http://www.oakcitygraphics.com/jquery/clockpick/trunk/ClockPick.cfm

chart : JQuery를 이용한 차트

http://www.reach1to1.com/sandbox/jquery/jqchart/

달력

http://tedserbinski.com/jcalendar/index.html#demo

3D로테이션 : 글자들이 xy 좌표에서 3D효과로 회전함.

http://www.willjessup.com/sandbox/jquery/rotator/rotator.html

스크롤중 데이터가져오기 :

http://www.webresourcesdepot.com/dnspinger/

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Query Flash Plugin - Basic Example : flash 삽입 플러그인

http://jquery.lukelutman.com/plugins/flash/example-basic.html

jquery combobox demo : custom 콤보박스 ie 7.0으로 보면 깨져나온다.

http://jquery.sanchezsalvador.com/samples/example.htm

scrollable table : 테이블에 스크롤바가 붙어있다-_-;;

http://www.webtoolkit.info/demo/jquery/scrollable/demo.html

accordion-madness

http://www.learningjquery.com/2007/03/accordion-madness

jQuery Multimedia Portfolio

http://www.openstudio.fr/jquery/

체크박스 이동

http://sanisoft-demo.com/jquery/plugins/shiftcheckbox/demo.html

위지윅에디터

http://projects.bundleweb.com.ar/jWYSIWYG/

크랍

http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop

슬라이딩 퍼즐

http://www.bennadel.com/blog/1009-jQuery-Demo-Creating-A-Sliding-Image-Puzzle-Plug-In.htm

날짜픽업

http://kelvinluck.com/assets/jquery/datePicker/v2/demo/

레이팅

http://php.scripts.psu.edu/rja171/widgets/rating.php

JQuery Curvy Corners Demo page

http://blue-anvil.com/jquerycurvycorners/test.html

http://www.mind-projects.it/blog/jqzoom_v10

LavaLamp for jQuery lovers!

http://gmarwaha.com/blog/?cat=8

컬러

http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm#examples

비쥬얼 쿼리

http://visualjquery.com/1.1.2.html

jQuery "Highlight" Demo

http://www.keyframesandcode.com/resources/javascript/jQuery/demos/highlight-demo.html

Hot Key Testing

http://jshotkeys.googlepages.com/test-static.html

accordion menu

http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/

jQuery easyThumb

http://www.hverven.net/div/easyThumb/

갤러리

http://www.flyerstop.ca/ui/apps/gallery_advanced/

thickbox

http://jquery.com/demo/thickbox/

마우스휠 플러그인

http://www.ogonek.net/mousewheel/jquery-demo.html

http://www.ogonek.net/mousewheel/demo.html

휴먼메세지

http://binarybonsai.com/misc/humanmsg/

jQuery - LinkedSelect

http://www.msxhost.com/jquery/linked-selects/json/

jQuery » iFrame Sizing

http://host.sonspring.com/iframe/

jQuery for Designers - Ajax Form Validation Example

http://jqueryfordesigners.com/demo/ajax-validation.php

폰트크기 바꾸기

http://www.lllcolor.com/jQuery/demo/demo01b.html

dimension

http://brandonaaron.net/docs/dimensions/#code-samples

portlet 데모

http://www.rymix.co.uk/jquery/d15/sortables2.html

FX데모

http://magalies.net/downloads/Jquery/Interface%20examples/demos/ifx.html#pulsate-fx

오픈윈도우

http://magalies.net/downloads/Jquery/Interface%20examples/demos/windows.html

JQuery tricks: using Greybox + form plugin for a modal dialog box

http://corky.net/dotan/programming/jquery.dialog/dialog-demo.html

FaceBoox style autosuggest with jQuery

http://web2ajax.fr/examples/facebook_searchengine/

Auto-Growing Textarea Demo http://www.aclevercookie.com/demos/autogrow_textarea.html

jQuery Helper for Komodo Media CSS Star Rater (Redux) http://www.m3nt0r.de/devel/raterDemo/

에디터 http://avidansoft.com/dsrte/

jQuery Keyboard Navigation Plugin

http://amountaintop.com/project/keynav/

http://jqueryfordesigners.com/demo/tabs.html

jQuery AccessKey Demo

http://methvin.com/jquery/jq-access.html

Semi-transparent rollover effect using jQuery

http://coderseye.com/files/demos/pngrollover/index.html

Revealing Photo Slider

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

Simple jQuery form validation

http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html

after callback demo

http://jsdesigning.com/gal/gal.php?top=10&id_pic=9&id_album=2

갤러리

http://devkick.com/lab/galleria/demo_01.htm#img/ladybug.jpg

SWF Upload

http://www.alexandremagno.net/blog/wp-content/uploads/swfupload/index.htm

jQuery gradient - Visual Test

http://brandonaaron.net/jquery/plugins/gradient/test/

tEditable :: In place table editing for jQuery

http://joshhundley.com/teditable/index.html

sort

http://interface.eyecon.ro/demos/sort.html

http://geeknation.blinklist.com/tag/jQuery/

http://www.nalanta.com/node/7

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

http://www.blinklist.com/mungkey/jquery/

http://geekswithblogs.net/AzamSharp/archive/2008/02/21/119882.aspx

http://www.learningjquery.com/2006/12/multiple-fancy-drop-caps

http://www.trirand.com/blog/?page_id=5

http://people.iola.dk/olau/flot/examples/selection.html(챠트 선택)

http://www.mootools.net/dragdrop/

http://plugins.jquery.com/project/Plugins/category/21

http://mohamedshaiful.googlepages.com/add_remove_form.htm

http://www.chazzuka.com/Portofolio/

http://dev.jquery.com/view/tags/ui/1.5b2/demos/ui.sortable.html

http://hooney.net/code/2007/08/UnobtrusiveTabNav/tabNav03.html

http://jqueryfordesigners.com/coda-slider-effect/

http://benjaminsterling.com/jquery-jqgalview-photo-gallery/

http://www.mind-projects.it/blog/jqzoom_v10

http://www.reach1to1.com/sandbox/jquery/jqchart/

http://jquery.lukelutman.com/plugins/flash/

http://leandrovieira.com/projects/jquery/lightbox/

http://marcgrabanski.com/code/ui-datepicker/

http://www.noupe.com/ajax/37-more-shocking-jquery-plugins.html

http://www.webdesignerwall.com/demo/jquery/

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

http://jquery.glyphix.com/

http://www.balupton.com/sandbox/jquery_lightbox/

챠트

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

http://sorgalla.com/projects/jcarousel/

http://designreviver.com/tutorials/jquery-examples-horizontal-accordion

http://host.sonspring.com/portlets/

http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

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

http://www.blinklist.com/codearachnid/jquery/

http://drupalmodules.com/module/image-enhanced-scaling

http://www.ajaxdaddy.com/store

http://www.ajaxrain.com/tag.php?tag=image&page=2(모음)

http://www.spicyexpress.net/general/jquerry-at-it-best-downloadable-jquerry-plugins-and-widgets-for-you-2/(예제모음)

http://mike.teczno.com/giant/pan/(pan)

Table of contents 목차

평점을 남겨주세요
평점 : 5.0
총 투표수 : 1

질문 및 답글