moonday

두 개의 효과코드를 한 줄에 연달아 씀 체이닝 클릭

더보기 예제 더보기+ 접기- 몬스터대학교 몬스터주식회사 결국은 디즈니 더보기 더보기 예제 더보기+ 접기- 몬스터대학교때는 픽사꺼였어 몬스터주식회사때도 픽사꺼였어? 와

/* - 가로100px, 세로100px 상자가 1초마다 10px 오른쪽으로 이동하도록 작성하세요. 단, 이동할 때 상자의 움직임은 부드러워야 한다. - 이동시간이 간격보다 긴 경우, 움직임이 꼬일 수 있음(animation시간이 가 나 다 라 마 - 롤링 방향이 오른쪽에서 왼쪽으로 이동하도록 작성해보세요. 롤링 예제3 가 나 다 라 마 바 사 아 자 차 더보기 가 나 다 라 *position을 이용해서 left를 설정하는 것 이외에도 margin-top을 이용 가능

더보기 /* - $(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(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..