Menu Que Abre

[fsphp]

Oi pessoal.

Alguém sabe como fazer aqueles menus que são apenas palavras, ou seja, não são botões e que, quando a gente passa o mouse por cima deles, eles afastam as linhas das palavras, e aparece no meio delas os submenús?

Tipo assim, por exemplo:

CURSOS

EVENTOS

LASER

ESPORTES

PASSEIOS

Quando a gente passa o mouse por cima de CURSOS, os demais itens do menu vão mais para baixo e dão espaço para que apareça:

CURSOS

-inglês

-espanhol

-japonês

-alemão

EVENTOS

LASER

ESPORTES

PASSEIOS

Valeu pessoal,

FS

[Fabi SP]

Isso é JavaScript + CSS...

[Tavinho]

Aeee Fernando !!!

Ve se é isso que você precisa !!!

Substitua também os locais onde estão sendo mostrados os nomes OPEN.GIF e CLOSED.GIF

<FORM style="FONT-SIZE: 10pt; COLOR: #1e90ff; FONT-FAMILY: verdana"><!-define o tipo, cor e altura da font-><!-referentes ao link->

<STYLE type=text/css>A:visited {

COLOR: #000000; TEXT-DECORATION: none

}

UNKNOWN {

TEXT-DECORATION: none

}

A:hover {

COLOR: #cc0000; TEXT-DECORATION: none

}

</STYLE>

<script language=JavaScript1.2>

var head="display:''"

img1=new Image()

img1.src="closed.gif"

img2=new Image()

img2.src="open.gif"

function change(){

if(!document.all)

return

if (event.srcElement.id=="foldheader") {

var srcIndex = event.srcElement.sourceIndex

var nested = document.all[srcIndex+1]

if (nested.style.display=="none") {

nested.style.display=''

event.srcElement.style.listStyleImage="url(open.gif)"

}

else {

nested.style.display="none"

event.srcElement.style.listStyleImage="url(closed.gif)"

}

}

}

document.onclick=change

//-->

</SCRIPT>

<UL>

<LI id=foldheader>link 1

<UL id=foldinglist style="DISPLAY: none; head: ">

<LI><A href="http://www.seusite.com/pagina.html">1</A>

<LI><A href="http://www.seusite.com/pagina1.html">2</A>

<LI><A href="http://www.seusite.com/pagina2.html">3</A> </LI></UL>

<LI id=foldheader>link 2

<UL id=foldinglist style="DISPLAY: none; head: ">

<LI><A href="http://www.seusite.com/pagina3.html">1</A>

<LI><A href="http://www.seusite.com/pagina4.html">2</A>

<LI><A href="http://www.seusite.com/pagina5.html">3</A> </LI></UL>

<LI id=foldheader>link 3

<UL id=foldinglist style="DISPLAY: none; head: ">

<LI><A href="http://www.seusite.com/pagina6.html">1</A>

<LI><A href="http://www.seusite.com/pagina7.html">2</A>

<LI id=foldheader>mais link

<UL id=foldinglist style="DISPLAY: none; head: ">

<LI><A href="http://www.seusite.com/pagina8.html">1</A>

<LI><A href="http://www.seusite.com/pagina9.html">2</A> </LI></UL>

<LI><A href="http://www.seusite.com/pagina10.html">3</A>

<LI><A href="http://www.seusite.com/pagina11.html">4</A> </LI></UL></LI></UL>

<script language=JavaScript1.2>

<!--

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

// if cookie exists

if (offset != -1) {

offset += search.length

// set index of beginning of value

end = document.cookie.indexOf(";", offset);

// set index of end of cookie value

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

if (get_cookie(window.location.pathname) != ''){

var openresults=get_cookie(window.location.pathname).split(" ")

for (i=0 ; i < openresults.length ; i++){

foldinglist[openresults].style.display=''

document.all[foldinglist[openresults].sourceIndex -

1].style.listStyleImage="url(open.gif)"

}

}

if (document.all){

var nodelength=foldinglist.length-1

var nodes=new Array(nodelength)

var openones=''

}

function check(){

for (i=0 ; i <= nodelength ; i++){

if (foldinglist.style.display=='')

openones=openones + " " + i

}

document.cookie=window.location.pathname+"="+openones

}

if (document.all)

document.body.onunload=check

//-->

</SCRIPT>

</FORM>

Espero ter ajudado !!

Falowwww

[fsphp]

Valeu Tavinho,

Vou fazer os testes e depois posto aqui se consegui.

Obrigado,

FS

[Tavinho]

beleza !!

Qualquer coisa !

Faloww

[Deividy]

você pode dar uma olhada nesse aqui feito por um amigo meu

http://www.mxstudio.com.br/views.tutorial....ct=view&aid=284