본문 바로가기

javascript2

2021-09-01 (142일차) 일정한 시간간격으로 글씨가 교체되는 효과 유용한 소스코드 21강~22강 (switch effect) (글씨가 교체되는 효과) + (탭박스) - .each 같은 클래스를 각각 실행시켜준다. - node 가르키는 클래스가 여러 개일 때 순서대로 가르켜주는 변수 1단계 원리 (라이브러리 생성) - html, css 역할 li는 평소에 absolute (유령화) + opacity : 0 ㄴ> 전부 겹쳐지지만 li에 active가 들어가면 li가 relative로 변경 + opacity : 1 - script 역할 현재 활성화된 녀석을 함수로 지정한 후, active클래스 제거하기 현재 활성화된 녀석의 다음 태그를 함수로 지정한 후, active클래스 추가하기 setInterval 함수 안에 넣어 일정한 시간간격으로 작동하게 하기 length를 추가하여.. 2021. 9. 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.