Alguém sabe um tutorial para esse estilo de menu?!

[johngrass]

alguém saberia me dizer como faria para fazer este estilo de menu

localizado no site http://www.urbr.com.br/

ou também no do http://www.caixa.com.br

tenho dúvidas sobre como fazer ... e qual o nome também deste efeito

estou começando um novo layout e gostaria muito de saber qual o nome deste efeito e como poderia fazer, um pqno pedido de tutorial!

obrigado a todos!

ps: senão me engano é efeito cascata, é isso mesmo?! e como poderia fazer para deixar semelhante ao q nem o do site que mostei - http://www.urbr.com.br/

[Hugocsl]

Primeiro menu

DROP MENU

HTML

ESTILO CSS

JAVA SCRIPT

também pode ser feito em flash, tipo esse site www.macromedia.com/

TABLE border=0 cellPadding=0 cellSpacing=0 onmousedown="javascript:igmenu_mousedown(this, event);" onmouseup="javascript:igmenu_mouseup(this, event);" onmouseover="javascript:igmenu_mouseover(this, event);" onmouseout="javascript:igmenu_mouseout(this, event);" class=bannerMenuBannerIsland id=bannerMenuBanner_MainM style="BORDER-RIGHT: #ffffff 10px; BORDER-TOP: #ffffff 10px; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: #ffffff 1px; CURSOR: default; BORDER-BOTTOM: #ffffff 1px; FONT-FAMILY: Microsoft Sans Serif" onselectstart=javascript:igmenu_selectStart(); igLevel="0" submenu="1">

<TR>

<TD class=TopClass id=bannerMenuBanner_1 align=left igTop="1" igHov="TopHover" igUrl="default.asp">

</TD>

<TD class=TopClass id=bannerMenuBanner_2 align=left igTop="1" igChildId="bannerMenuBanner_1M" igHov="TopHover">

</TD>

<TD class=TopClass id=bannerMenuBanner_3 align=left igTop="1" igHov="TopHover" igUrl="artists.asp">

</TD>

<TD class=TopClass id=bannerMenuBanner_4 align=left igTop="1" igChildId="bannerMenuBanner_2M" igHov="TopHover">

</TD>

<TD class=TopClass id=bannerMenuBanner_5 align=left igTop="1" igHov="TopHover" igUrl="contact.asp">

</TD>

</TR>

</TABLE>

<DIV class=bannerMenuBannerIsland id=bannerMenuBanner_1M

style="DISPLAY: none; Z-INDEX: 12000; VISIBILITY: hidden; POSITION: absolute; width: 140px; height: 75px;"

igLevel="1" submenu="1">

<TABLE onmouseup="javascript:igmenu_mouseup(this, event);"

class=bannerMenuBannerIsland onselectstart=javascript:igmenu_selectStart();

onmousedown="javascript:igmenu_mousedown(this, event);"

onmouseover="javascript:igmenu_mouseover(this, event);"

onmouseout="javascript:igmenu_mouseout(this, event);" cellSpacing=1

cellPadding=0 border=0 width="100%">

<TR id=bannerMenuBanner_1_1 igUrl="catalog.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">CD, VINIL E DVD</DIV></TD></TR>

<TR id=bannerMenuBanner_1_2 igUrl="next.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">LANÇAMENTOS</DIV></TD></TR>

<TR id=bannerMenuBanner_1_3 igUrl="shop.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">MERCHANDISING</DIV></TD></TR>

<TR id=bannerMenuBanner_1_4 igUrl="press.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">SALA DE IMPRENSA</DIV></TD></TR>

</TABLE></DIV>

<DIV class=bannerMenuBannerIsland id=bannerMenuBanner_2M

style="DISPLAY: none; Z-INDEX: 12000; VISIBILITY: hidden; POSITION: absolute; width: 140px; height: 75px"

igLevel="1" submenu="1">

<TABLE onmouseup="javascript:igmenu_mouseup(this, event);"

class=bannerMenuBannerIsland onselectstart=javascript:igmenu_selectStart();

onmousedown="javascript:igmenu_mousedown(this, event);"

onmouseover="javascript:igmenu_mouseover(this, event);"

onmouseout="javascript:igmenu_mouseout(this, event);" cellSpacing=1

cellPadding=0 border=0 width="100%">

<TR id=bannerMenuBanner_3_1 igUrl="company.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">QUEM SOMOS</DIV></TD></TR>

<TR id=bannerMenuBanner_3_2 igUrl="distribution.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">DISTRIBUIÇÃO</DIV></TD></TR>

<TR id=bannerMenuBanner_3_3 igUrl="partners.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">PARCEIROS</DIV></TD></TR>

<TR id=bannerMenuBanner_3_4 igUrl="downloads.asp">

<TD class=bannerMenuBannerItem>

<DIV style="MARGIN-TOP: 2px; MARGIN-LEFT: 10px" igtxt="1">DOWNLOADS</DIV></TD></TR>

</TABLE></DIV>

<STYLE type=text/css>

.TopHover {

BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; CURSOR: hand; COLOR: #000000; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px

}

.TopClass {

BORDER-RIGHT: #ffffff 0px; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px; COLOR: #FFFFFF; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 0px

}

.bannerMenuBannerHover {

BORDER-RIGHT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; FONT-WEIGHT: normal; BACKGROUND: #CCCCCC; BORDER-LEFT: #CCCCCC 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #CCCCCC 1px solid; FONT-FAMILY: tahoma; font-size : 7pt

}

.bannerMenuBannerDisabled {

COLOR: #000000

}

.bannerMenuBannerIsland {

BORDER-RIGHT: #000000 0px outset; BORDER-TOP: #000000 0px outset; FONT-WEIGHT: normal; BACKGROUND: #000000; BORDER-LEFT: #FFFFFF 0px outset; CURSOR: default; BORDER-BOTTOM: #000000 0px outset; FONT-FAMILY: tahoma; font-size : 7pt

}

.bannerMenuBannerItem {

BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-WEIGHT: normal; BACKGROUND: #000000; BORDER-LEFT: #000000 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: tahoma; font-size : 7pt

}

</STYLE>

<script language=javascript src="webmenu.js"></SCRIPT>

<script language=javascript src="csom.js"></SCRIPT>

<script language=javascript>

igmenu_bannerMenuBanner_Menu=["banner:MenuBanner",1,1,"","bannerMenuBannerHover","","/ig_common/WebNavigator31/ig_menuTri.gif",false,"600","100","Fade","#000000","0","200","200","","","bannerMenuBannerDisabled","bannerMenuBannerItem",false,true,"",""];

igmenu_bannerMenuBanner_Events = [["",0],["",0],["",0],["",0],["",0]];

</SCRIPT>

<script language=javascript>

igmenu_initMenu('bannerMenuBanner');

</SCRIPT>

o segundo menu não tem nada d+

qualquer coisa posta aí