popup2 2021-06-04 (53일차) 반응형 팝업창, visibility, 서서히 나타나는 효과, 위에서 아래로 내려오는 효과, 애니메이션 효과, 팝업창 2개 이상, 매개변수 사용하여 자바스크립트 내용 줄이기 26강~33강 - 반응형 팝업창 만들기 - visibility hidden, visible 총 두 가지 값이 있음 visibility:hidden과 opapcity:0의 차이점 : 보이지 않고, 클릭도 되지 않음 - 반응형 팝업창 애니메이션 1 팝업창이 서서히 모습이 나타나는 애니메이션 효과( 불투명 → 투명 ) ※ opacity와 visibility를 같이 줘야함 ※ display:none이 포함되어 있으면 애니메이션 효과 작동하지 않음 - 반응형 팝업창 애니메이션 1 팝업창이 위에서 아래로 내려오면서 서서히 나타나는 애니메이션 효과 transform : translate();를 사용 - 함수 매개변수 함수를 두 개 이상 쓸 때 사용 - 팝업창 두 개 띄우기 html - 위에서 만든 팝업창과 버튼을 각.. 2021. 6. 5. 2021-06-01 (50일차) 버튼 클릭시 배경색 변경, 팝업창 생성, 팝업창 닫기, 모든 태그에게 일괄하여 값 주기 15강~20강 JAVASCRIPT - 버튼 클릭시 배경색 변경되는 효과 (방법1) 1단계 : console.clear(); 2단계 : 제이쿼리 불러오기 3단계 : 버튼 => changeBodyBackground() => console 실행됨 메세지 4단계 : changeBodyBackground() => 배경색 red 5단계 : no 변수 생성, 초기값 0, changeBodyBackground() => no 값 출력 6단계 : changeBodyBackground() => no 값 증가 7단계 : changeBodyBackground() => 배경색 변경 - 버튼 클릭시 배경색 변경되는 효과 (방법2) 1단계 : console.clear(); 2단계 : 제이쿼리 불러오기 3단계 : 버튼 => chang.. 2021. 6. 2. 이전 1 다음
