Tips Tutorial Demo Dan Javascript (Menu Navigasi Samping Push Content)

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

≡ menu

× About Services Clients Contact

tips tutorial cara mengetahui

---

tips tutorial cara mengetahui

tips tutorial cara mengetahui Contoh Menu Navigasi Samping (side Navigation) mendorong konten dengan animasi

tips tutorial cara mengetahui Klik tombol hidangan di atas untuk menjalankan hidangan navigasi.

Tambahkan isyarat script berikut, letakkan di atas isyarat </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 hidangan navigasi samping kanan, ubah juga isyarat pada script, marginLeft menjadi marginRight.

« Kembali