오늘은 간단하게 동작하는 탭메뉴를 만들어 보려고 합니다. 홈페이지에서 많이 쓰이는 탭메뉴인데 제이쿼리를 이용해서 간단히 만들어 보겠습니다.
먼저 HTML을 작성해 줍니다. 탭1 탭2 탭2 탭1 내용 탭2 내용 탭3 내용 html만 입력했더니, 너무 볼품없어 보이니깐, css를 입혀줍니다. .tabs{list-style:none;} .tabs {display:flex;border:4px solid #dfdfdf;border-radius: 20px;padding:0 14px;} .tabs li {position:relative;text-align: center;} .tabs li + li::before {content:" ";position:absolute;left:0;top:50%;width:1px;hei.....
원문 링크 : 제이쿼리(jQuery) 간단한 탭 메뉴 만들기
