toggle2 자주 쓰는 서브메뉴창 분석: html 구조 및 css 아래와 같은 화면에서 모델을 누르면 하위 메뉴창이 나오게 하려면 어떻게 해야할까? 답은 다음과 같은 구조이다. box_tab 에 position: relative를 주고 현대, 모델, 세부모델 div를 box_tab 자식으로 둔다. 각각 텍스트, 메뉴창을 자식으로 줘서 관리한다. 현대 메뉴창 내용 ... 와 같은 형식이다. id="list"에 대해서는 position absolute를 줘서 box_tab을 기준으로 위치 시킨다. 이를 통해서 간단한 구조로 메뉴창 위치를 잡을 수 있다. 실제로 위 코드를 분석해보려면 엔카 사이트를 들어가보면 된다. 토글되는 방식은 자바스크립트를 이용해서 동적으로 바꿔주면 된다. 여러 방법이 있으니 javascript click toggle example로 검색해서 예제를 .. 2020. 10. 11. toggle box vue를 이용하여 toggle box를 만들어 보자. 코드는 다음 링크에 있다. https://codepen.io/parkhojung/pen/jOWzwmM toggle box ... codepen.io html과 js 코드만 설명하도록 한다. 1. id="app"으로 하여 Vue 컴포넌트를 추가할 div를 만듦 2. 2020. 7. 8. 이전 1 다음
