triplexlab
Version:
프론트엔드 개발자가 프로젝트할때 흔하고 많이 하는 작업들을 나만의 플러그인으로 만들었습니다.\ ES6의 class기반으로 만들었고, 공부하는 차원으로 만들었습니다.🧑🏻💻🧑🏻💻
33 lines (31 loc) • 1.1 kB
HTML
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./reset.css">
<link rel="stylesheet" href="./app.css" />
<title>Tabs</title>
</head>
<body>
<div class="wrapper">
<h1>Tabs</h1>
<div class="tabs tr_tab"></div>
</div>
<script src="../../../dist/actives.min.js"></script>
<script>
/**
triplelab의 자원과, jquery의 자원을 이용해서 쉽고, 빠르게 UI를 완성할수 있습니다.
You can easily and quickly complete UI by using triplelab resources and jquery resources.
*/
(function () {
const my = new tr.Tabs({
targets: '.tr_tab',
addClassName: 'actives', // 넣고 싶은 클랙스 명
menuName : ['Manu1', 'Manu2', 'Manu3', 'Manu4'],
firstItemActive: true, // 첫번째 아이템을 활성화 할건지 여부체크 true or false
});
})();
</script>
</body>
</html>