animate함수는 요소에 대하여 애니메이션 효과를 지정하여 보여줄 수 있도록 합니다. animate의 함수 형태1234$(선택자).animate(object);$(선택자).animate(object, speed);$(선택자).animate(object, speed, easing);$(선택자).animate(object, speed, easing, callback);csobject는 객체타입으로 속성을 지정한다.speed는 밀리초를 지정하여 애니메이션이 수행될 시간을 지정한다. (1000은 1초)easing은 애니메이션의 부드러운 효과를 나타낼 때 사용한다.callback은 콜백함수로써 애니메이션이 끝난 후 수행될 함수를 지정한다. animate에 지정할 수 있는 효과 속성opacity, top, lef..
Array객체의 선언 방법var array1 = [1,2,3,4,5];var array2 = new Array();var array3 = new Array(10);var array4 = new Array(5,4,3,2,1); /* Array객체 */ arr = new Array(5,4,3,2,1); console.log('배열의길이>>>>>'+arr.length); console.log('Array.join()>>>>>'+arr.join()); //배열을 문자열로 리턴 console.log('Array.pop()>>>>>'+arr.pop()); //배열의 마지막요쇼를 제거 후 마지막요소 리턴 arr.push({이름:'남궁춘'}); //배열의 마지막에 새로운 요소 추가 console.log('Array.j..
[javascript] 쿠키보기 alert(document.cookie); 생성방법 document.cookie = 'Name=value;Expires=날짜;Domain=도메인;Path=경로;Secure'; Name=value 쿠키의 이름과 값 Expires 쿠키의 제거날짜 지정 Secure 쿠키가 보안연결을 사용하고 있을 때 전송되야 하는지의 여부(지정하면 SSL보안에서만 쿠키를 사용할 수 있다.) Colored By Color Scripter™ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 //쿠키 생성 var date = new Date(); //alert(date.getTime()); //오늘 날짜 출력 date.setTime..
모 사이트에서 여러개의 알림메세지를 하나씩 보여주는 기능을 보고 작성해 봄 Colored By Color Scripter™ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(document).ready(function(){ arr = new Array(); $('#notice_content p').each(function(index){ arr[index] = this; }); idx=0; len=$('#notice_content p').length; setInterval( function(){ if(idx==len){ idx=0; } $('#notice_content p').css('display','none'); $(arr[idx]).slideDown('sl..
문서객체모델은 웹브라우저가 HTML페이지를 인식하는 방식이라고 책에 쓰여져 있습니다. 저는 이 내용을 이해하지 못해 그냥 HTML에서 문서객체를 다루는 방식으로 해석하겠습니다. 문서객체는 자바스크립트 상에서 요소의 값을 가져와서 객체에 대입하였을 때 해당 객체를 문서객체라고 합니다. Colored By Color Scripter™ 1 var targets = document.getElementById('targets'); 위에 보시는 것처럼 targets는 하나의 문서객체입니다. 요소는 요소노드와 텍스트노드가 존재합니다. 요소노드는 ,,같은 태그의 이름인 table, h1, div를 지칭합니다. 텍스트노드는 실제적으로 텍스트형태의 값을 지니는 노드를 뜻 합니다. 예를 들어 춘이 같이 '춘이'라는 값이 하..
자바스크립트에서 가변인자 함수라는게 있다. 가변인자 함수는 함수의 매개변수가 함수 호출시 각각 다를 수 있다. 자바스크립트의 모든 함수는 내부에 arguments라는 변수를 갖는다. arguments는 매개변수의 배열로써 arguments.length 는 매개변수로 넘어온 배열의 길이를 나타내고, argument[index] 는 각각의 인덱스의 매개변수로 넘어온 값을 나타낸다. 사용방법 var func = function (){ var out=0; for(var i=0; i
[JAVASCRIPT] 객체
자바스크립트 자료형중에 객체가 있다. 객체는 키와 값으로 매칭되어 생성된다. 객체의 접근은 단순 for문으로 접근하면 문제가 있다고 한다.(직접 해보시길...) 객체의 접근은 단순 for문 말고 for in 문으로 접근해야 한다고 한다. 다음의 코드는 객체의 생성방법과 with키워드의 사용방법 배열로 객체를 다루는 방법을 간략하게 코딩해본 것이다. 결과 화면 function Student(name){ this.name = name; } Student.prototype.getStudent = function(){ outs = this.name + '\n'; outs += this.ban + '\n'; return outs; }; //생성자 함수에 함수를 지정하지 않고 객체의 프로토타입에 함수를 지정해 놓으..
새로운 윈도우 창 생성을 도와주는 open()메서드 - 사용법 window.open(URL, name, option, replce); - 사용예 window.open('http://www.naver.com', '네이버', 'width=500, height=300', true); //해당 URL의 팝업창이 생성된다. - open()메서드의 세번째 매개변수에서 사용하는 옵션 종류들 이름 설명 입력 값 height 윈도우의 높이 픽셀 width 윈도우의 너비 픽셀 location 주소 입력창 유무 yes or no menubar 메뉴 유무 yes or no resizable 화면크기 조절 가능 여부 yes or no status 상태표시줄 유무 yes or no toolbar 특정 시간에 특정 함수 등을 실행..