Membuat menu DropDown

Bhu_yunk Wed Apr 27, 2011 10:40 pm

Menu Dropdown atau Menu Pull-down merupakan kumpulan beberapa data (berupa text dan link) yang di ringkas menjadi menu tunggal, Menu dropdown bisa digunakan sesuai kebutuhan anda, selain bisa digunakan sebagai alternatif Blogroll, bisa juga anda gunakan untuk memuat banyak alamat Link ke situs tujuan. mau tau cara pembuatannya?

Cara Buat Menu Dropdown Standar

<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<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>
</form>

Cara Buat Menu Dropdown dengan Tombol

<form name="jump">
<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>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Cara Buat Menu Dropdown dengan Tombol Gambar

<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>