Como Criar Menu Dropdown

Kencity
em Programação Web

Kencity

avatar
Campones
Campones

INFOS

Grupo: CamponesRegistrado: 14/10/10Posts: 9Char no Tibia: Não Informado

Hoje vou explicar como criar um menu DropDown é muito simples pra quem estava atrás de colocar um menu DropDown ajuda muito,é tão simples basta adicionar o script e as values lembrando menu serve tanto para lateral como para topo,basta alinhar com algum codigo ou programa ex: Dreamwaver.

 

Tenha um base feita já ou utilize abaixo essa ou faça com algum programa.

 

 

<Html>

<Head>

 

</Head>

 

<Body>

 

</Body>

</Html>

 

[+]Script[+]

Coloque o script entre o local <Head> </Head>.

 

<script language="JavaScript" type="text/JavaScript">

<!--

function HDD_Menu(targetpage,selected){

if (selected.options[selected.selectedIndex].value!=""){ eval(targetpage+".location='"+selected.options[selected.selectedIndex].value+"'");

}}

//-->

</script>

 

[+]Menu[+]

Coloque o menu entre o local <Body> </Body>

 

<select name="DropMenu1" onChange="HDD_Menu('parent',this)" style="color:#FFFFFF; background:#B99393; font-weight:900;" >

<option value="" selected>[Menu]</option>

<option value="">Item_1</option>

<option value="">Item_2</option>

<option value="">Item_3</option>

</select>

 

[+]Explicando[+]

 

<select name="DropMenu1" onChange="HDD_Menu('parent',this)" style="color:#FFFFFF; background:#B99393; font-weight:900;" >

<option value="" selected>[Menu]</option>

<option value="">Item_1</option>

<option value="">Item_2</option>

<option value="">Item_3</option>

</select>

 

color:#FFFFFF - Cor da letra do menu

background:#B99393 - Fundo do menu

font-weight:900 - fonte use números ou nome de fontes para definir ex : normal,lighter,bolder entre outras

<option value="" selected>[Menu]</option> - [Menu] Troque nome para sua escolha

<option value="">Item_1</option> Nome do primeiro item se você quiser adicionar mais itens basta adicionar mais uma linha

 

[+]Resultado[+]

 

 

<Html>

<Head>

<script language="JavaScript" type="text/JavaScript">

<!--

function HDD_Menu(targetpage,selected){

if (selected.options[selected.selectedIndex].value!=""){ eval(targetpage+".location='"+selected.options[selected.selectedIndex].value+"'");

}}

//-->

</script>

</Head>

<Body>

<select name="DropMenu1" onChange="HDD_Menu('parent',this)" style="color:#FFFFFF; background:#B99393; font-weight:900;" >

<option value="" selected>[Menu]</option>

<option value="">Item_1</option>

<option value="">Item_2</option>

<option value="">Item_3</option>

</select>

</Body>

</Html>

 

dropdownmenu.jpg

sign61ir7.png

-> ' new project, Antica 'Duvidas?Envie mp.

libro.gifAquele que nunca viu a tristeza, nunca reconhecerá a alegria.libro.gif