Selasa, 20 Desember 2011

Cara Membuat Menu DropDown


apa itu menu dropdown ?
?bagaimana cara membuatnya? Dan apa kegunaan dari menu dropdown? Kode untuk membuat menu dropdown.


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>


Hasil dari kode diatas berikut==>>

 

Source : blogtegal.com

Tidak ada komentar:

Posting Komentar