0 Cara membuat menu drop down

---

Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!

---

Membuat Menu Dropdown

Pemosting: Reynaldi Julio Setiabudi | Pada : Selasa, Agustus 11, 2009 |

Mungkin anda pernah melihat menu seperti ini:

Jika anda tertarik membuat menu dropdown ikuti langkah berikut.
menu drop dowen ada 3 macam yaitu:
-Standar
-Dengan Tombol
-Tombol Image

Cara Buat Menu Dropdown Standar

Tambah Gadget:
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="alamatUrlnya">namanya</option>
<option value="alamatUrlnya">namanya</option>
<option value="alamatUrlnya">namanya</option>
</select>
</form>



Cara Buat Menu Dropdown dengan Tombol

Tambah Gadget:
<form name="jump">
<select name="menu">
<option value="alamatUrlnya">namanya</option>
<option value="alamatUrlnya">namanya</option>
<option value="alamatUrlnya">namanya</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Cara Buat Menu Dropdown dengan Tombol Gambar




Tambah Gadget:
<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG SRC="http://oom.blog.googlepages.com/Go.gif" border=0></a>
</form>


Tambah Gadget --> Selesai...