Creating Drop Down Menus

Dropdown menu or Pull-down menu is the collection of some data (in the
form of text and link) which is shortened to become a single menu. Dropdown
menus can be used as you need. Beside it can be used as an alternative
Blogroll, you can also use it to make many link addresses to the targeted
site. Do you want to know how to make it?

How to make standard dropdown menu

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>

 

How to make dropdown menu with button

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>

How to make dropdown menu with picture button

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>

Note: The code which is marked
with red color can be replaced as you want.