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
<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
<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
<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.
0 comments:
Post a Comment