Web Club

Code Lab 검색 결과

해당 글 96건

퀵 메뉴 & Go to button

Quick Menu (퀵 메뉴) & Scroll to top(Back to top) button See the Pen KdNLaq by jaeheekim (@jaehee) on CodePen. Jaehee's e-room

Code Lab 2015. 9. 23. 14:01

슬라이딩 배너(무한롤링)

Sliding Banner See the Pen avpmME by jaeheekim (@jaehee) on CodePen. Jaehee's WebClub

Code Lab 2015. 9. 22. 11:18

thumbnail replace (썸네일 이미지 교체하기)

Thumbnail 간단 구현 Jaehee's e-room

Code Lab 2015. 9. 22. 11:07

Spy tab / Sticky tab(플러그인)

spy & sticky tab

Code Lab 2015. 9. 22. 10:57

사용자 정의 생성자 함수를 이용한 아코디언 메뉴

생성자 함수를(객체생성) 이용한 아코디언 메뉴

Code Lab 2015. 9. 22. 10:51

아코디언 메뉴 세가지 패턴으로 구현

세가지 패턴의 아코디언 메뉴 객체 리터럴을 사용한 아코디언 메뉴 일반적인 패턴의 아코디언 메뉴 삼항 연산자를 사용한 아코디언 메뉴 Jaehee's e-room

Code Lab 2015. 9. 22. 10:44

탭메뉴 플러그인(자동롤링)

탭 메뉴 자동 롤링되는 탭메뉴 플러그인jquery 1.x.x 지원 (function($){ $.extend($.fn, { tabModule : function(options) { $.fn.tabModule.defaults = { selector : 'a', tabContWrap : 'tabGroup', tabContents : 'tab-cont', speed : 400, visibleCont : 1, autoRolling : false, roofTime : 2000, animate : false, autoControl : false }; return this.each(function(){ var that = $(this), opts = $.extend({}, $.fn.tabModule.defaults, ..

Code Lab 2015. 9. 22. 10:25

keycode 체크하기

KeyCode (function(global, doc){ 'use strict'; var page = doc.querySelector('#page'); page.classList.add('grid'); doc.onkeydown = function(evt) { evt = evt || window.event; var key = evt.keyCode || evt.which, shift = evt.shiftKey; // Shift + G(71) if (shift && key === 71) { page.classList.toggle('grid'); } } })(window, window.document);

Code Lab 2015. 8. 22. 18:34

tab menu - 함수 단위 Vs 프로토타입의 클래스 단위

함수단위와 프로토타입의 탭 메뉴 만들기 함수단위의 탭 메뉴 기본 마크업 구성 html Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor. 함수단위 탭 메뉴 로직 javascript $(function() { tabMenu("#t..

Code Lab 2015. 6. 23. 17:55

window창에서 문서상 가장 하단의 scrollTop 값 구하기

스크롤의 맨마지막 top값을 알고자 할때... 문서 높이(document) - 브라우저창높이(window) = 스크롤 창의 끝 $(window).scrollTop() == $(document).height() - $(window).height(); Jaehee's e-room

Code Lab 2015. 3. 16. 13:05

반올림 함수

반올림 함수 구현 두번째 인자값에 반올림 자릿수 설정하여 반올림된 숫자 구하기 function myRound(num, pos) { var result = 0.0; var half = 0.5; var factor = 1; for(var i = 0; i < pos; i++){ half *= 0.1; factor *= 10; } result = parseInt((num + half) * factor) / parseFloat(factor); return result; } console.log(myRound(12.5678, 2)); // 12.57 console.log(myRound(5.487, 1)); // 5.5

Code Lab 2015. 2. 20. 22:20

가까운 수 구하기(배열)

배열에서 가까운 수 구하기 // [!!] 가까운 값 : 차이값의 절대값이 최소값일 때의 데이터 var data = [10,4,29,30,11]; var target = 25; // 25와 가까운 값 var near = 0; // 이곳에 제일 가까운 수가 담기면 되겠죠?! var abs = 0; var min = 100; // 해당 범위에서의 가장 큰 값으로 for(var i = 0; i < data.length; i++) { abs = ( (data[i] - target) < 0) ? -(data[i] - target) : (data[i] - target); if(abs < min) { min = abs; // MIN near = data[i]; // Near : 가까운 값 } } $('.result')..

Code Lab 2015. 2. 20. 18:18

마우스 오른쪽 버튼 사용 금지

마우스 컨트롤하기 function clickMouse() { if((event.button == 2) || event.button == 3) { return false; } } function clickkey() { if((event.shiftkey) && (event.keycode == 121)) { return false; } } function noAction() { return false; } document.onmousedown = clickMouse; document.onkeydown = clickkey; document.oncontextmenu = noAction; document.ondragstart = noAction; document.onselectstart = noAction;

Code Lab 2015. 2. 20. 17:25

폼 동기화하기(배송정보)

주문자 정보 이름 : 배송정보를 메일로 받음 주문자정보와 배송지 정보가 같음 배송지 정보 이름 : 배송정보를 메일로 받음 var name = ""; var email = false; // 배송지 정보에 복사된 정보 남기기 function initValue(frm){ name = frm.txtName.value; email = frm.chkmail.checked; } function shipToBill(frm) { if(frm.copy.checked) { initValue(frm); // 현재 텍스트박스와 체크박스 상태유지 // 기본 document.getElementById('deliveryName').value = document.getElementById('txtName').value // 폼객체 활..

Code Lab 2015. 2. 20. 15:51

심플 회원가입 양식 체크

회원 가입 폼 js 만들어보기 function chkRegister() { // 아이디 체크 var userId = document.getElementById('userId'); if(userId.value == "" || userId.value.length > 3) { alert('아이디를 입력하시오.'); userId.focus(); } // 비밀번호 체크 var pwd = document.getElementById('userPW'); if(pwd.value.length 13) { alert('비밀번호는 3자이상 12자이하로 입력하세요.'); pwd.select(); return false; } // 비밀번호 확인 체크 var pwCfm = documen..

Code Lab 2015. 2. 19. 20:18