Content feed Comments Feed

how to make dropdown menu On Blogger

Posted by p4ladin Wednesday, 22 July 2009

Drop down menu , it’s one alternative to make blog tidy…





Drop Down menu without icon




<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="your URL Address 1">Menu1</option>
<option value="your URL Address 2">Menu2</option>
<option value="your URL Address 3">Menu3</option>
</select>
</form>

Drop down menu with Button






<form name="jump">
<select name="menu">
<option value="your URL Address 1">Menu1</option>
<option value="your URL Address 2">Menu2</option>
<option value="your URL Address 3">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>

Drop down menu with icon







<form name="jump">
<script>
function jumpMenu(){
location=document.jump.menu.options[document.jump.menu.selectedIndex].value;
}
</script>
<select name="menu">
<option value="your URL Address 1">Menu1</option>
<option value="your URL Address 2">Menu2</option>
<option value="your URL Address 3">Menu3</option>
</select>
<a href="Javascript:jumpMenu()"><IMG SRC="Your Image Address" border=0></a>
</form>
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

0 comments

Post a Comment

Enter your email address:

Followers