tutoriais

Flash

FrontPage

Dreamweaver

Dhtml

Html

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE DHTML

Um info-objecto com links.

Um info-objecto que serve também de ferramenta de navegação.

Demo : Clique na palavra "MENU".

1. Inserir entre os tags <HEAD>...</HEAD>:

Nesta parte deve-se configurar os links:

menu1[0]='<a href=teste.htm>Texto do link aqui</a>

2. Inserir entre os tags <BODY>...</BODY>:

function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}

function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}

function hidemenu2(){
themenu.visibility="hide"
}

if (document.all)
document.body.onclick=hidemenu
</script>

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">Carregar aqui</a>
</span>
</span>
</layer></ilayer><br>

Pode-se modificar "Carregar aqui" (o que fiz por "menu") no fim deste scritp. Todos os tabs de formatação são aceitas.

3. Inserir no fim da página, mesmo antes do tags </BODY>:

Pode-se modificar vários parâmetros no tag <div> desta parte. Assim pode-se mudar a cor do fundo [background-color], a largura do menu [width], a espessura da borda [border:2px], e a sua cor.

ANÚNCIOS