728x90
1번
2번
4번
2번
2번
3번
위의 탭 메뉴 기능은 아래의 HTML과 자바스크립트를 이용하여 구현할 수 있다.
단순히 탭이 아니고 데이터 필터를 이용하여 data-type을 읽어 데이터를 구분하기 때문에 유동적이고 많은 양의 데이터를 분류별로 표시하기에 좋은 코드이다.
아카이브용으로 정말 대충 작성함주의
See the Pen Tab menu by nah (@wimmwell) on CodePen.
내가 만든 것이 아니고 공부 중에 알게 된 코드이다.
나중에 사용하기 위한 아카이빙
728x90
'Front-end' 카테고리의 다른 글
| [Javascript] THREE.JS 3D 정육면체에 여러 이미지 적용하기 (textureLoader) (0) | 2022.07.22 |
|---|---|
| [HTML/CSS] 테이블 thead에 border-radius 들어간 CSS 적용하기 (0) | 2022.07.20 |
| [javascript] 체크박스 클릭으로 selectbox의 disabled 속성 추가/제거하기 (0) | 2022.04.25 |
| 무료 datepicker 소스 Air-datepicker 한국어로 바꾸는 방법 (1) | 2022.04.14 |
| 유용한 MIT LICENSE(오픈소스 라이센스) 모음 - 애니메이션 @Github (0) | 2022.04.01 |
