Menu dropdown adalah menu pull-down yang berupa kumpulan teks dan link dalam 1 menu ringkas.
kegunaan menu dropdown: untuk meringkas teks dan link, biasanya menu dropdown ini digunakan untuk wadah dari daftar
Berikut cara pembuatan menu dropdownMenu 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==>>
<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>
NB: Tulisan yang berwarna merah alamat URL bisa diganti sesuai keinginan anda.OK
Tidak ada komentar:
Posting Komentar