Demo Dan Javascript (Menu Navigasi Samping Push Content)

Cara kerja sajian navigasi animasi push content yakni dengan mengubah lebar menu, dari 0px menjadi 250px, dan diikuti dengan pergeseran konten sejauh lebar sajian navigasi. Contohnya dapat dilihat pada demo sajian navigasi di bawah ini.

≡ menu

× About Services Clients Contact

Contoh Menu Navigasi Samping (side Navigation) mendorong konten dengan animasi

Klik tombol sajian di atas untuk menjalankan sajian navigasi.

Tambahkan arahan script berikut, letakkan di atas arahan </body>

<script> function openNav() {     document.getElementById("myNavix").style.width = "250px";  document.getElementById("main-nav").style.marginLeft = "250px"; }  function closeNav() {     document.getElementById("myNavix").style.width = "0"; document.getElementById("main-nav").style.marginLeft = "0"; } </script>

Catatan: kalau Anda menentukan untuk menciptakan sajian navigasi samping kanan, ubah juga arahan pada script, marginLeft menjadi marginRight.

« Kembali