본문 바로가기

분류 전체보기

(180)
jQuery Zoom - 이미지 줌 제어 ( 휠 , 클릭 , 오버 ) 간편하게 적용할 수 있는 줌 관련 기능 플러그인입니다. Plugin Url : http://www.jacklmoore.com/zoom/ 미리보기 : http://www.uhoon.co.kr/test/548.html 줌기능을 아래의 경우에 적용할 수 있습니다. - 마우스 오버 시 - 클릭시 토글 - 클릭하고 있는 동안 - 클릭한 부분 줌 - 휠 밀고 당기고 샘플코드 다운로드 : 마우스 올려보세요 클릭된 동안 땡겨짐 클릭하면 줌 작동 토글 클릭한 부분 땡겨짐 토글 휠땡기고 밀고
티스토리 SyntaxHighlighter 쉽게 적용하기 자동 코드 변환 사이트 티스토리 삽입용 SyntaxHighlighter 코드 변환 사이트 !! http://www.uhoon.co.kr/1.html
jQuery fancyBox - 레이어팝업 plugin Url & Download : http://fancybox.net/ 샘플코드 다운로드 : 라이센스. http://fancyapps.com/fancybox/#license 2016.11.01 일 기준. fancyBox licensed under Creative Commons Attribution-NonCommercial 3.0 license. You are free to use fancyBox for your personal or non-profit website projects. You can get the author's permission to use fancyBox for commercial websites by paying a fee.---- 개인 혹은 비영리사이트만 공짜...이점 유..
jQuery Tiptip - 툴팁 ( tooltip ) 툴팁에 대한 플러그인 입니다. 툴팁이란 ? 말풍선 또는 툴팁(tooltip)은 공통 그래픽 사용자 인터페이스 요소이다. 마우스 포인터라 불리는 커서와 함께 동작한다. 사용자가 커서에 항목을 클릭하지 않고 가리키면 조그마한 상자가 항목 위에 나타나서 보충 설명을 보여 준다. API Url : http://code.drewwilson.com/entry/tiptip-jquery-plugin 샘플코드 다운로드 : 옵션 값. activation: string ("hover" by default) - jQuery method TipTip is activated with. Can be set to: "hover", "focus" or "click". keepAlive: true of false (false by de..
jQuery animate - 각종 애니메이션 효과 애니메이션 효과 .animate( properties [, duration] [, easing] [, complete] ) API Url : http://api.jquery.com/animate/ 샘플코드 다운로드 : effect 효과에 대한것이기 때문에 캡쳐보다 샘플! 통통 튀기고 지지고 볶고..
jQuery vGrid - 브라우저 너비에 따른 가변 그리드 브라우저 사이즈에 따른 가변 그리드 PlugIn Url : http://blog.xlune.com/2009/09/jqueryvgrid.html == sample == Simple Example Basic Option Example Any Height Grid Example FadeIn Option Example Sort Example Dynamic Grid, Start/Finish Event Example Dynamic Image Grid, Start/Finish Event Example Multi Box Grid Example Grid Element Show/Hide Example Drag And Drop Sort Example
Smooth Scroll - 부드러운 스크롤 이동 ( 속도 , 위치 셋팅) 지정위치로 스크롤바를 부드럽게 이동 시켜줍니다. PlugIn Url : http://github.com/kswedberg/jquery-smooth-scroll 샘플 코드 다운로드 : * 옵션 값 { offset: 0, // one of 'top' or 'left' direction: 'top', // only use if you want to override default behavior scrollTarget: null, // fn(opts) function to be called before scrolling occurs. // `this` is the element(s) being scrolled beforeScroll: function() {}, // fn(opts) function to be c..
순서도 쉽게 그리는 프로그램 ( ClickCharts Diagram & Flowchart ) 순서도 그리는 프로그램 입니다. 이전까지는 PPT를 활용하거나 다른 프로그램을 사용했는데 무척이나 손이 많이 갔었거든요. 손쉽게 그릴 수 있는 프로그램이 있어서 추천합니다! http://www.nchsoftware.com/chart/ 다만 상업적인 용도나 회사에서는 사용이 불가능한 라이센스이므로 이용을 원하는 경우에는 라이센스를 구매하셔야합니다. 개인 사용자가 이용하는 경우 무료 이용이 가능합니다. 설치하고 나면 매우 직관적인 화면 구조를 갖고 있습니다. 프로그램 설치가 어려우신 분들은 아래 웹사이트를 이용해보시는것도 추천합니다. 크롬으로 접속하시는것이 정신건강에 유익합니다. https://www.gliffy.com/uses/flowchart-software/