moonday

더보기 /* - $(selector).animate({params},speed,callback); - params : css속성과 값 - speed : 애니메이션 속도 - callback : 애니메이션 끝난 후 해야할 작업을 호출하는 함수 */ 오른쪽 왼쪽 /* => slide도 animate로 구현할 수 있음을 확인하는 예제 - up버튼을 클릭하면 박스가 슬라이드 up이되고, down버튼을 클릭하면 박스가 슬라이드 down이 되도록 코드를 작성하세요. 단, slideUp, slideDown이 아닌 animate를 이용할 것 */ 슬라이드 예제 up down 가로펴기 가로접기 /* - show버튼을 클릭하면 요소가 보여지고, hide버튼을 클릭하면 요소가 안보이도록 코드를 작성하세요. 단, animate..

더보기 /* - fadeIn(speed, callback); - fadeOut(speed, callback); - fadeToggle(speed, callback); - fadeTo(speed,opacity, callback) - fade는 투명도를 0으로 한 후, 안보이게 하거나(display:none) 보이게한 후(display:지정속성) 투명도를 0에서 지정투명도까지 보여주게 한다. */ 서서히 사라지는 느낌처럼 보여짐 in out toggle to

(이동이 아니라)서서히 접히고 펴지는 것처럼 보여짐 더보기 /* hide,show,toggle과 달리 속도를 조절할 수 없음 - slideUp(speed, callback); - slideDown(speed, callback); - slideToggle(speed, callback); */ up down toggle

더보기 /* - hide(speed, easing, callback); -speed : 속도. 기본값: 400ms, 가능한 값: ms, slow, fast - easing : 패턴(느리게, 빠르게와 같이 변화를 어떤 효과로 보여줄 것인지), 기본값 : swing, 가능한 값 : swing, linear 추가적인 값은 plug-in을 통해서 - callback : 효과가 끝난 뒤에 함수로 코드를 만들 때 사용 - callback function : 매개변수가 필요할 때, callback 함수를 사용 */ 더보기 /* - show(speed, easing, callback); //hide와 똑같음 -speed : 속도. 기본값: 400ms, 가능한 값: ms, slow, fast - easing : 패턴(느..

농구 축구 전송

더보기 /* - keydown : 키보드에서 키가 눌렸을 때(특수키 포함 모든 키), keyCode값이 영문인 경우 무조건 대문자 값 - keyup : 키보드에서 눌렸던 키가 올라왔을 때 - keypress : 키보드에서 키가 눌렸을 때(ALT, CTRL 등 특수키 제외) keyCode값이 찍힌 단어에 맞게 코드값이 나옴 (대문자-대문자에 해당하는 값, 소문자면 소문자에 해당하는 값) */ ​

버튼1 버튼2 onclick

더보기 - 요소 선택 (JS는 getElementById, class,,등 많음/ Jquery는 아래 모습 하나로 통일가능) $('선택자') $('#btn') - 이벤트 등록 1. $('선택자').이벤트명(function(){ }); 2. $('선택자').on('이벤트명', function(){ }); 더보기 - body태그 안에 있는 요소 배치가 완료 후, 이벤트 등록 - 자바스크립트 : load이벤트는 1번만 써야한다. 2개있어도 1개만 실행됨 - JQuery는 ready나 function은 갯수 상관없이 모두 적용됨 - 자바스크립트 window.addEventListener('load',function(){ }); - JQuery1 $(document).ready(function(){ }); - J..

/* - 버튼 두개를 만들고, 버튼1을 클릭하면 시작이라는 알림창이, 버튼2를 클릭하면 종료라는 알림창이 뜨도록 코드를 작성하세요. */ 버튼1 버튼2 onclick

더보기 /* - window 객체 - 웹 브라우저에 대한 전반적인 정보 취득이나 제어와 관련된 객체 - location객체, screen객체, history객체, navigator객체, document객체로 구성 - window 객체의 메소드들은 앞에 window.을 생략할 수 있다. - 메소드 - open() : 새로운 윈도우를 만들어 주는 메소드 open('주소', '윈도우 이름', '옵션=값, 옵션=값, ...'); - 옵션 - width : 가로 - height : 세로 - left : 새 윈도우의 시작 위치 x좌표(화면을 기준으로 얼마나 떨어져있는지) - top : 새 윈도우의 시작위치 y좌표 - location : yes/no, 주소창을 보여줄지 말지 - scrollbar : yes/no, 스..