jQuery - 이온디 홈페이지제작

[기타 플러그인] jQuery Select Custom Library

1. .customSelect() http://adam.co/lab/jquery/customselect/ 2. jQuery Selectric Selectric http://selectric.js.org 3. https://selectize.github.io/selectize.js/ 4. https://github.com/kvlsrg/jquery-custom-...

2018.09.17 댓글 0 추천 0

[플러그인] Free jQuery image viewer Plugins

https://www.jqueryscript.net/demo/Full-Featured-Image-Viewer-Gallery/ https://www.jqueryscript.net/demo/Full-Featured-Image-Viewer-Gallery/" style="height: 194px;">https://www.jqueryscript.net/demo/Ful...

2018.08.16 댓글 0 추천 0

[슬라이더 플러그인] slick slider 사용방법

example jQuery(function ($) { $('.single-item').slick({ dots:true }); });Setting Default Description Remarksaccessibility true Enables tabbing and arrow key navigation adaptiveHeight false Enab...

2018.08.15 댓글 0 추천 0 출처 http://kenwheeler.github.io/slick/

[슬라이더 플러그인] jquery slider 비교

슬라이더 스크립트 용량 비교순번이름용량최소용량모바일 지원여부URL1slick slider 87KB42KB http://kenwheeler.github.io/slick/ 2BXSLIDER 64KB23KB https://bxslider.com/ 3flexslider 55KB22KB https://github.c...

2018.01.01 댓글 0 추천 0

[슬라이더 플러그인] bxslider 옵션 및 참조글

샘플 https://codepen.io/takumaro-web/pen/NNdOQG 옵션 stopAutoOnClick: true autoplay: 2500 autoplayDisableOnInteraction: false, loop: true, paginationClickable: true, slidesPerView: 4, grabCursor: true ...

2018.03.02 댓글 0 추천 0

[기초활용] [jQuery] each, loop, setInterval 활용

<일정한 시간이 지나면 다음 글이 펼쳐진다.> 재귀함수나 for 문으로 해보는 것도 알아봤지만 하는 방법을 정확히 모르겠다. 배은식님께서 setInterval 을 알려주셨다. https://codepen.io/eun-shick-bae/pen/zaOYww...

2018.05.28 댓글 0 추천 0

[팁] 자바스크립트 키코드, 키 이벤트

http://javafactory.tistory.com/396 http://javafactory.tistory.com/396" style="height: 451px;">http://javafactory.tistory.com/396 http://blog.daum.net/dotiweb/4 http://blog.daum.net/dotiweb/4" style="he...

2018.05.27 댓글 0 추천 0

[기초활용] 모달창 만들기

Previewhttps://codepen.io/eond/pen/vpKjRv JS//modal-login $(".ico-spr.profile").on("click",function(){ $(".modal-login").css('display','block'); setTimeout(function() { $(".modal-login"...

2017.12.21 댓글 0 추천 0

[기초활용] Modal (모달창)

모달창 스크립트 http://rwdb.kr/lightbox13/ http://rwdb.kr/lightbox13/" style="height: 102px;">http://rwdb.kr/lightbox13/ https://zurb.com/playground/reveal-modal-plugin https://zurb.com/playground/reve...

2018.05.27 댓글 0 추천 0 출처 https://codepen.io/eond/pen/vpKjRv

[팁] [jQuery] 페이징 만들기

http://on1456.tistory.com/category/jQuery 제이쿼리 관련 팁들이 많았는데 모두 비공개 처리를 하셔버렸네요 ㅠ_ㅠ https://codepen.io/eond/pen/LmzMJv https://codepen.io/eond/pen/LmzMJv" style="height: 513px...

2015.08.31 댓글 0 추천 0 출처 http://webcache.googleusercontent.com/se...&gl=kr

[기초활용] [jQuery] toggle, if..else , switch

$('body').on('click', '#clickme', function() { var state = $(this).data('state'); switch(state){ case 1 : case undefined : alert('click 1'); $(this).data('st...

2018.04.27 댓글 0 추천 0 출처 https://stackoverflow.com/questions/1157...le_rich_qa

[슬라이더 플러그인] 병풍 스크립트

출처 https://sir.kr/cm_free/759592 "> http://jsfiddle.net/cshop/USLpc/1/ ">

2018.04.19 댓글 0 추천 0

[슬라이더 플러그인] carousel slider

HTML <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></scri...

2018.04.17 댓글 0 추천 0 출처 https://bootsnipp.com/snippets/featured/...r-carousel

[화면전환 스크롤] Delighters : CSS Animations on Page Scroll

Github https://github.com/Q42/delighters Demo http://www.bestjquery.com/?zEyuV1UF DelightersAdd CSS animations to delight users as they scroll down. A tiny javascript library by Q42. It was written by ...

2018.04.13 댓글 0 추천 0 출처 http://www.bestjquery.com/demo/jquery-an...l-effects/

[기초활용] Add smooth scrolling to page anchors

a 앵커에 스무스한 이동 기능

2018.04.13 댓글 0 추천 0 출처 https://www.w3schools.com/jquery/tryit.a...oothscroll

[기타 플러그인] macy.js (masonry 벽돌 레이아웃)

Macy.js is a lightweight, dependency-free, 4kb masonry layout library, designed for a hassle-free configuration. fafazboard의 카드형 리스트에서 사용되는 macy.js 입니다. http://macyjs.com/ https://gith...

2018.01.15 댓글 0 추천 0

[슬라이더 플러그인] Camera Slider jquery

Camera Slider jQuery https://www.pixedelic.com/plugins/camera/ Camera Slider jQuery - Github https://github.com/pixedelic/Camera sample <script type='text/javascript' src='{$tpl_path}/asset...

2015.11.15 댓글 0 추천 0 출처 http://www.pixedelic.com/plugins/camera/

[기초활용] jquery popup layer

<a href="#layer1" class="btn-example">일반 팝업레이어</a>위와 같은 형식으로 사용 가능합니다. 클래스 속성에 btn-popup 혹은 btn-example 이라는 클래스명을 작성한 뒤, #layer1 이라는 아이디명을 적어서 사용...

2017.12.21 댓글 0 추천 0 출처 http://webclub.tistory.com/189

[기초활용] jquery 가나다 정렬

사이트맵에서 ㄱㄴㄷ 순으로 정렬하려고 할 때 사용가능하다. 문제) 한 개일 땐 정렬이 되나 ul이 여러개일 땐 여러번 반복된다. 어떻게 수정하지? <div class="order">정렬</div> <ul> <li>Pineapple</li> <li>Apple...

2017.12.20 댓글 0 추천 0 출처 https://codepen.io/eond/pen/GJVyxV

웹디벨로퍼