Demo dan Javascript (Menu Navigasi Samping tanpa animasi)

Pada menu navigasi samping tanpa animasi, sebenarnya menu tersebut ada, hanya saja tampilannya ditiadakan menggunakan perintah display: none;. Dan baru muncul ketika tombol menu diklik. Jadi tidak ada animasi pergeseran menu. Contoh demonya seperti di bawah.

≡ menu

× Tentang Layanan Clients Kontak

Bakul Oreg

---

Contoh Menu Navigasi Samping (side Navigation) tanpa animasi

Coba klik tombol menu di atas untuk menjalankan menu navigasi samping tanpa animasi.

Jika Anda tertarik untuk membuat menu navigasi samping tanpa animasi, tambahkan kode script di bawah ini. Letakkan di atas kode </body>

<script>
function openNav() {
    document.getElementById("myNavix").style.display = "block";
}

function closeNav() {
   document.getElementById("myNavix").style.display = "none";
}
</script>

Jangan lupa, ubah pada bagian CSS untuk class navisa

Hapus kode width: 0;, kemudian ganti dengan kode width: 250px; display: none;.

« Kembali