이온디

웹디벨로퍼

세월호, 71시간의 기록
한국어
[기초활용] [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...
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
[슬라이더 플러그인] bxslider 참조글
http://gpresss.tistory.com/26 http://webflower.tistory.com/entry/bxSlider-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8 https://github.com/demun/FrontEndStudy/blob/master/document/Jquery/docs/01_01_jquery_plugi...
2018.03.02 댓글 0 추천 0
[기타 플러그인] 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
[슬라이더 플러그인] jquery slider 비교
1. slick slider (87KB / MIN 42KB) http://kenwheeler.github.io/slick/ 2. BXSLIDER (64KB / MIN 23KB) https://bxslider.com/install/ 3. flexslider (55KB) http://blog.naver.com/PostView.nhn?blogId=classe82&...
2018.01.01 댓글 0 추천 0
[기초활용] 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
[기초활용] 모달창 만들기
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
[기초활용] jquery 가나다 정렬
사이트맵에서 ㄱㄴㄷ 순으로 정렬하려고 할 때 사용가능하다. 문제) 한 개일 땐 정렬이 되나 ul이 여러개일 땐 여러번 반복된다. 어떻게 수정하지? <div class="order">정렬</div> <ul> <li>Pineapple</li> <li>Apple...
2017.12.20 댓글 0 추천 0 출처 https://codepen.io/eond/pen/GJVyxV
[기초활용] [jquery] 폰트 사이즈 조절 버튼 페이지 이동시에 변수 초기화 문제
제이쿼리를 이용하여 글자 크게, 작게 만들기 $(document).ready(function(e) { var font_size = 1; $('#plus').click(function () { font_size += 0.1; if(font_size > 1.9) { alert('더 이상 글자를 크...
2017.12.20 댓글 0 추천 0 출처 https://www.phpschool.com/gnuboard4/bbs/..._id=259666
[기초활용] jquery on toggle
$('#clickme').toggle( function(){alert('click 1');}, function(){alert('click 2');} );
2017.12.20 댓글 0 추천 0 출처 https://stackoverflow.com/questions/1157...e-possible
[기초활용] 스크롤 내려오면 멈추는 스크립트
jQuery(window).scroll(function(evt) { var y = jQuery(this).scrollTop(); if (y > 200) { jQuery('.sidebanner').addClass('fixed'); // if (y <maxY) { // jQuery('.side_left').addClas...
2017.11.16 댓글 0 추천 0
$.browser.msie undefined 오류
외부 js 를 포함시켜 사용시 다음과 같이 호출되는 부분에서 정상적으로 동작이 안되서 확인해보니 개발자 도구에서 html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 &&am...
2017.08.23 댓글 0 추천 0 출처 https://m.blog.naver.com/PostView.nhn?bl...e.co.kr%2F
[화면전환 스크롤] 패럴렉스 스크롤링 플러그인
ParallaxScrolling js 로 검색해보시면 많아요 http://rwdb.kr/parallax_jquery30/ http://jobcoding.net/feed/view?feedIdx=54034
2017.03.31 댓글 0 추천 0
[기초활용] jQuery style 찾기
2017.03.31 댓글 0 추천 0 출처 http://blog.naver.com/PostView.nhn?blogI...0202559076
[menu] 메뉴 cleartimeout, settimeout
출처 : http://stackoverflow.com/questions/2316213/simple-jquery-dropdown-cleartimeout-settimeout-issues html <ul class="topnav"> <li><a href="#"><span>One</span></a> <ul class="subnav"> <li><a href="#"...
2016.10.21 댓글 0 추천 0 출처 http://jsfiddle.net/rAHyF/
[기타 플러그인] masonry(벽돌 레이아웃)
imgur 같은 이미지 사이트에서 많이 보던 masonry 효과입니다.
2016.07.03 댓글 0 추천 0 출처 http://masonry.desandro.com/
[슬라이더 플러그인] 슬라이더 스크립트 4종
http://codepen.io/luisdiazvenero/pen/MeaavG idangero.us/swiper/#.V3ZYbr-hynM 슬라이드는 idangerus swipe가 제일 평이 좋고 개발자가 원하는대로 조작할 수 있게해주는 api가 많습니다 ionic안에서도 이 플러그...
2016.07.03 댓글 0 추천 0