All

[제이쿼리] 스크롤 부드럽게 내려가기

//부드럽게 올라가기$(function(){ $(".event_up").click( function() { $("html, body").animate( { scrollTop : 0 }, 350 ); return false; } ); }); // 앵커 부드럽게 내려가기$('a').click(function(){ $('html, body').animate({scrollTop: $( $.attr(this, 'href') ).offset().top}, 500); return false;}); // 앵커 부드럽게 내려가기$('a').on('click', function(event){ event.preventDefault(); var fixedHeight = $('.nav_wrap').height(); // 상단 ..

[제이쿼리] iframe에서 부모 접근 컨트롤

1. iframe 부모창에 .background_layer 활성화$('.background_layer', parent.document).show(); 2. iframe 부모창의 다른 아이프레임 컨트롤$("#id", parent.frames['frameid'].document); 3. iframe 부모창의 높이값 구하기$(parent.window).height(); //브라우저의 뷰포트의 높이 반환$(parent.document).height(); //HTML의 높이를 반환 4. iframe 부모창 스크롤바 이동var position=$("#pre_userdb",parent.document).offset();$('html, body', window.parent.document).animate({scroll..

[CSS] 텍스트 줄바꿈 처리 word-break, white-space

한우자조금관리위원회 서울특별시 서초구 서리풀3길 20-1 케피아회관 2,3층 우편번호:06641｜ TEL 02-522-3608(am 09:00~pm06:00)｜ FAX 02-522-4314 고유번호:114-82-61108 단체명:한우자조금관리위원회｜ 대표자:민경천｜ 개인정보관리책임자:임빛나라(hanwoolove@daum.net) COPYRIGHT(C) 2017 한우유명한곳 ALL RIGHTS RESERVED. .footer_menu span { color: #999; font-size: 2.8vw; /* 단락 줄바꿈 */ word-break: break-all; display: inline-block;}

[제이쿼리][자바스크립트] 영문만, 숫자만, 한글만 입력.

/* 2018 03 29 추가*/ // 한글 영어만 $(".name_blank input").keyup(function(event) { if (!(event.keyCode >= 37 && event.keyCode >>>> 상단 빨간색 정규식 부분을 기호에 맞추 수정하면 된다. 숫자만: 영문만: 영문,숫자만: 한글만: keyCode: ############## 정규표현식 1. 확장문자 (: backslash) - s : 공백 문자(스페이스, 탭, 폼 피드, 라인 피드) - b : 단어의 경계 - B 이를 제외한 모든 문자 매칭 - d : 숫자 - D : 숫자가 아닌 문자 [^0-9] 와 동일 - w : 알파벳, 숫자로 된 문자, 밑줄 기호(_) [A-Za-z0-9] - W : w의 반대 문자 [^A-Za-..

[트윈맥스] 구문정리

기본 구문//TweenMax.to(target:Object, duration:Number, variables:Object):TweenMaxtarget : Object - 오브젝트 duration : Number - tween 시간 /(초)variables : Object - 객체의 모든 속성 VARIABLES delay : Number - 지연시간ease : Function - 따로 ease 클래스는 없나 봅니다. 상단에 fl.motion.easing.*; 한줄 추가 해주시고 Tween Class처럼 쓰면 됩니다. Default-Regular.easeOuteaseParams : Array - 직접 ease을 만들어서 쓸수 있습니다. 방정식이 있겠죠? 전 패스;;;autoAlpha : Number - 그냥..

[CSS] animation02

CSS3_animation02 # Transitions - 객체가 기존에 가지고 있던 속성의 다른 값으로 변할 때만 표현된다.- 페이지가 로드되면서 자동으로 시작되지 않는다. :hover와 같은 가상 클래스 선택자 혹은, 자바스크립트의 onclick 이벤트 따위의 부수적인 액션에 의해 발동된다. - transition-property : 효과를 적용할 속성들을 나열한다. 2개이상일 경우에는 쉼표로 구분.- transition-duration : 효과의 지속 시간을 표기. 1s는 1초이다.- transition-timing-function : 변화의 시작과 끝 타이밍을 정의한다.- transition-delay : 효과의 지연시간을 정의한다. 만일 3초로 설정했다면, 페이지가 로드되고 나서 3초 후에 효과..

[CSS] animation

CSS3_animation # 2D Transforms - 움직임에 대한 속성이 아니라, 객체의 모양을 정의해주는 속성.- 기존 객체의 위치, 크기, 회전각, 기울기 따위를 지정할 수 있다.- 하지만 여기에 움직임 즉, 애니메이션은 포함되어 있지 않다. * 2D Transforms 메소드 - translate(x, y) : 객체의 위치르 가로(x), 세로(y) 방향을 정의하여 이동시킨다.- translateX(n) : 객체의 위치를 가로 방향으로만 이동시킨다.- translateY(n) : 객체의 위치를 세로 방향으로만 이동시킨다. - scale(x, y) : 객체의 크기를 늘이거나 줄일 수 있다. (x는 너비, y는 높이 = 0부터 1까지 ) ex) scale(2, 0.5)를 적용했을 때는 너비 200..

[자바스크립트] 연산자

[JS] 자바스크립트 강좌(4) #각종 연산자들 수학에서 더하고 빼고 나누고 곱하는 것들은 기본적으로 알고 계실 것입니다. 하지만 도대체 이것들을 어디에다가 써야 하나, 수학은 왜 배우지? 하는 의문을 가지신분들도 계실겁니다. 저의 경우 수학의 배움의 의미를 잘 몰랐기 때문에 흥미를 못느꼈던 사람중에 하나입니다. 하지만 프로그래머가 된다는 것은 수학과 밀접한 관련이있습니다. 수학을 잘 못한다면 좋은 프로그래머가 될 수 없다고 할 수 있습니다. 때문에 이번회에서 다룰 연산자는 수학의 도구라고 말 할 수 있으며 중요한 단원이라고 할 수 있으니 주의깊게 봐주시기 바랍니다. [1] 연산자의 종류 산술연산자 +, -, *, /, % 증가/감소연산자 ++, -- 대입연산자 +=, -=, *=, /=, %=, >>=..

[자바스크립트] 함수

★이번 장에서 기억해야 하는 구문 - 익명 함수 선언function(){ } - 함수function { } ★이번 장에서 기억해야 하는 용어- 호출 : 함수 내부의 코드를 실행하는 것을 호출이라고 표현합니다.- 매개변수 : 함수에 자료 값을 넘기기 위해 사용하는 것을 매개변수라고 합니다.- 리턴 : 함수를 실행한 결과로 나오는 것을 리턴이라고 합니다.- 콜백 함수 : 함수의 매개변수로 함수를 전달할 때, 해당 함수를 콜백 함수라고 합니다. ---------------------------------------------------------------------------------------------- 1) 익명 함수 function(){} 형태는 함수지만 이름이 없으므로 '익명 함수'라고 부릅니다...

[자바스크립트] 배열

배열자바스크립트 배열은 값의 순차 컬렉션을 나타내는데, 각 값은 0부터 시작하는 인덱스 숫자를 가지고 있다. 자바스크립트에서는 배열명 다음에 대괄호로 인덱스를 감싸는 식으로 배열에서 값을 가져올 수 있다.배열에는 어떤 타입의 자바스크립트 데이터도 담을 수 있으며, 자바스크립트는 명시적인 타입이 없는(untyped) 언어이므로 배열의 원소가 반드시 같은 타입일 필요는 없다.Array() 생성자 함수를 이용한 자바스크립트 배열 생성배열은 Array() 생성자 함수를 이용해 생성할 수 있다. 다음 예제를 보자.var array1 = new Array();array1[0] = "Hello";array1[1] = 123;array1[2] = true;console.log(array1.length); // 3Arr..