Tips Tutorial Demo Dan Javascript Sajian Navigasi Samping (Opacity)

Cara kerja hidangan navigasi slide samping (opacity) ialah mengubah ukuran navigasi dari 0 menjadi 250px sekaligus mengubah warna background konten menjadi agak gelap.

≡ menu

× About Services Clients Contact

tips tutorial cara mengetahui

---

tips tutorial cara mengetahui

tips tutorial cara mengetahui Contoh Navigasi Animasi Slide Samping dengan opacity

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

Jika Anda ingin konten terlihat buram /gelap (opacity) ketika hidangan navigasi dibuka. Gunakan salah satu script di bawah ini.

<script> function openNav() {     document.getElementById("myNavix").style.width = "250px";     document.body.style.backgroundColor = "rgba(0,0,0,0.4)"; }  function closeNav() {     document.getElementById("myNavix").style.width = "0";     document.body.style.backgroundColor = "white"; } </script>

Khusus pengguna template default Blogger, gunakan script di bawah ini.

<script> function openNav() {     document.getElementById("myNavix").style.width = "250px";     document.getElementById("content-inner").style.backgroundColor = "rgba(0,0,0,0.4)"; }  function closeNav() {    document.getElementById("myNavix").style.width = "0";     document.getElementById("content-inner").style.backgroundColor = "white"; } </script>

Hapus instruksi <div class='content-inner'>, lalu ganti dengan instruksi berikut

<div class='content-inner' id='content-inner'>

Catatan:

• Ganti instruksi warna pada script ("white"), sesuai dengan warna orisinil dari background content-inner template Anda.
• Ganti instruksi marginLeft menjadi marginRight untuk hidangan navigasi slide / geser kanan.

« Kembali