Cara Membuat Menu Tabs pada framework Materialize.css
Hallo teman teman balik lagi dengan saya Ismet Maulana, masih semangat yah belajar dengan hal hal yang baru, kali ini saya akan berbagi pengetahuan mengenai Bagaimana Cara Membangun Fitur Tabs di framework Materialize.css .
Oke seketika saja yah, teman teman dapat menuliskan script dibawah ini :
<body>
<div class=row>
<div class=col s6 fitur>
<ul class=tabs>
<li class=tab col s3><a href=#test1>Fitur 1</a></li>
<li class=tab col s3><a class=active href=#test2>Fitur 2</a></li>
<li class=tab col s3><a href=#test4>Fitur 3</a></li>
</ul>
</div>
</div>
</body>
javascript :
<script>
$(document).ready(function(){
$('ul.tabs').tabs();
});
$(document).ready(function(){
$('ul.tabs').tabs('select_tab', 'tab_id');
});
</script>
Apabila telah teman teman save dan jalankan di browser masing masing, lihat tampilannya, Lumayan gampang bukan ? perlu kita ketahui kegunaan tabs ini ialah ketika diantara fitur kita klik posisi cursor akan berada dibawah fitur yang kita pilih tadi, oke lumayan paham dan mudahkan, hingga disini artikel mengenai Bagaimana Cara Membangun Fitur Tabs di framework Materialize.css, Terimakasih ..
#KeepLearn
#IsmetMA
Sumber https://kursuswebsite.org
