본문 바로가기

jQuery/jQuery플러그인4

jQuery 페이지 스크롤링(scrolling) 플러그인 jQuery 페이지 스크롤링(scrolling) 플러그인 클릭에따라 페이지로 가는 플러그인이다. CSS3로 구며줬고 변경가능은 페이지이동시 속도(duration)이다. 미리보는 데모 http://sianasiatiger.cafe24.com/study/Jp_scroll.html HTML 코드 네비게이션은 다음과 같이 구성한다. 아이디명, 클래스명을 잘봐두자 ↑ Prev ↓ Next Comments Reply 맨위로 콘텐츠 html소스는 다음과 같다.클래스의명을 post로 해주었다. 포스팅 1내용물,그림등 포스팅 2내용물,그림등 포스팅 3내용물,그림등 포스팅 4내용물,그림등 포스팅 5내용물,그림등 네비게이션 네비게이션은 페이지이동해도 유지하도록 고정으로 해준다. #nav-dock { position: fix.. 2010. 7. 6.
jquery 플러그인 다단네비게이션 심플 jquery 플러그인 다단네비게이션 출처는 http://apycom.com/menus/8-white-smoke.html 여기서 색깔에따라원하는것을 받을 수 있다 다좋지만 문제는 span남발이며 jquery의 특성인 옵션 부가기능이 없다.그냥 단순하게 사용하고싶은이에게 추천 2010. 4. 2.
jQuery 다단 네비게이션 플러그인 jQuery 다단 네비게이션 플러그인 다단 네비게이션을 jQuery를 통해 쉽게 만들어보자 목표는 흔히보는 아래 그림과 같은 네비게이션을 구해볼것이다. 출처는http://plugins.jquery.com/project/jfastmenu 기본 html 메인메뉴는 5개로나누어진다.홈,그림,음악,방명록,잡다이것을 리스트로 코딩하자 홈 그림 음악 방명록 잡다 세분화한 카테고리로 그림안에 일반,디자인,미술가를 더 넣을것이다.또 거기에 좀더 넣어 다단계로 만든다.아래와같은 결과. Home 그림 일반 디자인 팝아트 옵아트 패브릭 에벌린 미술가 다빈치 미켈란젤로 음악 방명록 잡다 소스는 다음과 같다. Home 그림 일반 디자인 팝아트 옵아트 패브릭 에벌린 미술가 다빈치 미켈란젤로 음악 방명록 잡다 jquery로 작동 .. 2010. 4. 1.
jQuery 이미지 슬라이드 플러그인 jQuery 이미지 슬라이드 플러그인 이 플러그인은 가운데 그림을 클릭시 확대 그리고 양쪽그림을 클릭시 다음그림을 슬라이방식으로 보여준다, 다운은 여기서 http://plugins.jquery.com/files/jquery.slidingGallery-1.1.js.txt 먼저 html 부터 보자 스크립트는 $(function() { $('div.gallery img').slidingGallery(); }); 확인은 아래링크에서 http://sianasiatiger.cafe24.com/study/JP_slidgall.html 2010. 3. 30.