css의 hover 를 JavaScript 로 구현해보자!
CSS 의 가상 선택자 :hover를 사용하면 쉽게 할 수 있는 부분이지만, JavaScript 로도 구현할 수 있다. 연습을 위해서 마우스오버를 자바스크립트로 구현해 보자. 아래의 예시는 태그에 src 값을 바꾸면서 hover 를 처리해야 하는 경우이다. 상세 내용 먼저, 태그의 src 에 접근하여 off_str 에 저장한다. off_str 과 replace 를 이용하여 src 의 value를 일부 바꾸고 on_str 에 저장한다. 마우스 이벤트에 따라 태그의 src 를 off_str 또는 on_str 로 변경해 준다. JS const rollover = document.querySelectorAll('.rollover'); rollover.forEach((aTag, index) => { let off..