Membuat menu DropDown

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

Menu1
Menu2
Menu3

 

<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

Menu1
Menu2
Menu3

<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

Menu1
Menu2
Menu3

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

Catatan : kode ditandai warna merah bisa
diganti sesuai keinginan anda.

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari BloggerTouch.com di inbox anda: