본문 바로가기

jQuery

(19)
jQuery 초보자를 위한 비디오 강좌 jQuery를 설치하는 것에서 시작해서 selector, animation, moving element, toggle 등 여러 기법들을 스크린을 통해 하나씩 설명하고 있다. 영어로 되어 있지만, 화면에서 하나씩 타이핑하는 것을 보여주기 때문에 배우기가 비교적 손쉽지 않을까 싶다. 제목 또한 “완전 초보를 위한 jQuery (jQuery for Absolute Beginners)”이다. 발췌 : http://capture.blog.theple.com/starhunt/1839.html Day 1 Day 2 Day 3 Day 4 Day 5 Day 6 Day 7 Day 8 Day 9 Day 10 Day 11 Day 12 Day 13 Day 14 Day 15
jQuery 1.3 의 chm 파일 다운로드 하기 http://www.box.net/shared/iz7etn4kig jQuery 1.3 버전에 대한 설명서이고요. 이는 chm 으로 되어 있어서 굳이 jquery.com 사이트에서 해당 api 를 찾을 필요 없이 즉각적으로 정보를 얻을 수 있어서 매우 좋네요. 아쉬운 것은 한글판이 없다는 거지만, 영어가 그리 어려지도 않고 간단한 예제 위주로 나와 있으니 쉽게 접근할 수 있을거라 생각이 들고요. 왠만하면 google.com 에서 이와 관련된 국내 개발자분들의 post 를 보고 조합한다면 궁금증을 해결할 수 있지 않을까 생각이 듭니다.
jQuery 를 이용하여 page slide 만들어 보자. http://code.google.com/p/jquery-pageslide/ 위의 사이트에 가면 Featured Downloads 에서 해당 소스를 다운로드 받으시면 됩니다. 위의 기능은 먼저 위의 그림을 참고하면, original content 에서 특정 문장에 대해 설명이 필요한 부분이 있으면, 우측에 있는 secondart pane 에 해당 설명서가 보이도록 하는 기능입니다. 그리고 다시 원상태로 돌아가기 위해서는 original content 를 마우스 클릭하게 되면 됩니다. 간단하죠. 먼저 소스내용을 보면 jquery 1.2.6 버전을 참조하고, 해당 pageslide 기능을 위해 jquery.pageslide-0.2.js 를 넣고, secondart pane 를 위한 디자인 처리를 위해 jqu..