Hallo teman-teman, ketemu lagi dengan saya, pada kesempatan kali ini saya akan berbagi artikel mengenai cara membuat menu tab dengan CSS3 dan jQuery, nah teman-teman yang belum tau cara membuatnya, langsung saja yuk kita praktikan.
Seperti biasa silahkan teman-teman buka dulu text editornya, kalo sudah teman-teman ketikan script HTML berikut:
Untuk Paragraf silahkan teman-teman menyalin nya di lipsum.com, kalo sudah kita lanjutkan lagi untuk script CSSnya, silahkan teman-teman buat file baru untuk CSSnya kemudian ketikan:
Belum cukup sampai disini lanjutkan lagi script CSSnya:
Kalo sudah, disimpan dengan nama style.css, setelah itu kita lanjut lagi untuk javascript, coba teman-teman ketikan script berikut diantara tag head:
Kalo sudah, kita tambahin lagi javascriptnya, coba teman-teman copy script di link berikut http://code.jquery.com/jquery-1.7.2.min.js nah nanti teman-teman simpan, kemudian kita panggil script yang barusan disimpan, sekalian kita panggil script CSS yang tadi kita buat, nanti jadinya seperti ini:
Diletakan diantara tag head yah teman-teaman. Kalo sudah disimpan kemudian buka dirowsernya masing-masing, dan lihat hasilnya.
Baiklah teman-teman sampai disini pertemuan kali ini, semoga artikel ini bisa bermanfaat bagi teman-teman, amin. Sampai ketemu dilain kesempatan 🙂