28 November 2010

Buat Auto Hide Menu

Tiada ulasan:
 




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




Tiada ulasan:

Catat Ulasan

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger