Menu Jump

Fala galera nesse tutorial vou ensinar algo simples, mas que ajuda na personalização de seu site/blog, vou ensinar a fazer um menu JUMP

Demonstração

<form name="jump">

<select style="width:250px" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

<option>Lista de Links</option>

<option style="background-color: #cccccc"value="#">Link aki</option>

<option style="background-color: #ffffff"value="#">Link aki</option>

<option style="background-color: #cccccc"value="#">Link aki</option>

<option style="background-color: #ffffff"value="#">Link aki</option>

<option style="background-color: #cccccc"value="#">Link aki</option>

</select>

</form>


Explicações:


width:250px /*largura da caixa*/;
No código acima em background color eu utilizei uma cor diferente em cada background color :




<option style="background-color: #ffffff"value="#">Link aki</option>

<option style="background-color: #cccccc"value="#">Link aki</option>


Isso por que quis deixar o fundo dos links diferentes um de outro pra dar um efeito mais bonito, mas isso fica a escolha.



Obrigado e não deixe de comentar...