728x90 AdSpace

Latest News

28 November 2010

Buat Auto Hide Menu





Cara buat auto hide menu adalah menu yang kita kenali sebagai spoiler,berguna untuk menyembunyikan gadget atau widget yang dirasakan terlalu menonjol,jadi spoiler hanya akan muncul bila kita klik dan akan bersembunyi bila di klik sekali lagi

Lihat Demo Disini

Ini kodnya

<br /> <div><div style="margin: 0; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"><br /> <br /> Letak kod/skrip kat sini!!<br /> <br /> </div></div></div></div></div>

Korang boleh ubah perkataan Show/Papar dan Hide/Sembunyi kepada perkataan yang korang suka




Buat Auto Hide Menu
  • Blogger Comments
  • Facebook Comments

0 ulasan:

Catat Ulasan

Top