홈페이지 메뉴버튼 구현1 [Javascript] 자바스크립트 토글 버튼 - 메뉴 버튼 구현 안녕하세요 오늘은 간단하게 자바스크립트로 토글버튼 구현 하는 방법 입니다 제가 사용할 방법은 메뉴 아이콘 이미지를 통하여 메뉴 버튼을 켜고 끄고 하는 방법을 알아보도록 하겠습니다 코드는 정말 간단하기 때문에, 긴 글이 아닌점 참고해주시면 감사하겠습니다 일단 아이콘을 미리 준비해주도록 합시다 버튼을 바꾸는 방법부터 소개해드리겠습니다 우선, 미리보기로 모습을 보자면 !! 이런 모습이 됩니다. 저는 항상 transition 으로 약간 자연스럽게 변화를 좋아하는 타입이라.. 이제 코드를 소개해드리도록 하겠습니다 HTML 코드 이렇게 그냥 div 하나와 함수 하나만 더 추가해주시면 됩니다 물론, 함수 이름은 여러분께서 정해주시면 됩니다. 꼭 따라하실 필요 없습니다 !! CSS 코드 .menu { backgroun.. 웹코딩 공부&공유/javascript 2021. 1. 5. 더보기 ›› 이전 1 다음