Menu dropdown ialah
menu pull-down yang berupa kumpulan teks dan link dalam 1 menu ringkas.
kegunaan menu dropdown
ialah untuk meringkas teks dan link, biasanya menu dropdown ini digunakan untuk wadah dari daftar
blogroll
(tukar link), bisa di gunakan untuk menu arsip juga.Berikut cara pembuatan menu dropdown
Menu dropdown model biasa
<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="selected" value="0">judul dropdown</option>
<option value="http://alamat-link1.com">dropdown link1</option>
<option value="http://alamat-link2.com">dropdown link2</option>
<option value="http://alamat-link3.com">dropdown link3</option>
<option value="http://alamat-link4.com">dropdown link4</option> </select>
Hasil dari kode menu dropdown diatas==>>
Menu dropdown model tombol
<form name="jump">
<select name="menu">
<option selected="selected" value="0">Judul dropdown</option>
<option value="http://alamat-link1.com">dropdown link1</option>
<option value="http://alamat-link2.com">dropdown link2</option>
<option value="http://alamat-link3.com">dropdown link3</option>
<option value="http://alamat-link4.com">dropdown link4</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>
0 comments:
Speak up your mind
Tell us what you're thinking... !