Demo Dan Javascript (Menu Navigasi Samping Tanpa Animasi)

Pada sajian navigasi samping tanpa animasi, sebetulnya sajian tersebut ada, hanya saja tampilannya ditiadakan memakai perintah display: none;. Dan gres muncul saat tombol sajian diklik. Makara tidak ada animasi pergeseran menu. Contoh demonya menyerupai di bawah.

≡ menu

× Tentang Layanan Clients Kontak

Contoh Menu Navigasi Samping (side Navigation) tanpa animasi

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

Jika Anda tertarik untuk menciptakan sajian navigasi samping tanpa animasi, tambahkan instruksi script di bawah ini. Letakkan di atas instruksi </body>

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

Jangan lupa, ubah pada bab CSS untuk class navisa

Hapus instruksi width: 0;, lalu ganti dengan instruksi width: 250px; display: none;.

« Kembali