이온디

웹디벨로퍼

세월호, 71시간의 기록
한국어
[기초활용] [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
[기초활용] 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] 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
[슬라이더 플러그인] 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