본문 바로가기
JavaScript

[JavaScript] 탭 메뉴 만들기

by teamnova 2021. 11. 20.

https://stickode.com/detail.html?no=2586 

 

스틱코드

 

stickode.com

 

이번에는 탭 메뉴 만들기를 해보려 합니다.

탭메뉴는 위와 같습니다.

메뉴 버튼 클릭시에 해당 안에 있는 내용이 표출되게 됩니다.

 

 

tab_menu 에 관한 스틱코드를 포스트를 즐겨찾기 하시게 되면

tab 만쳤을뿐인데 tab_menu.js 가 나오게되고 tab_menu.js를 선택할경우 

아래의 js 코드가 자동완성됩니다.

html, css 도 마찬가지 입니다.

JavaScript 코드

HTML

CSS

주의 : 해당 포스트는 js에 관한코드는 파일의 확장자가 js 일때만 가능 html 은 html 에서, css 는 css 에서만 가능합니다.

html 에서는 css, js, jquery 세개다 불러와주시면 됩니다.