Mostrando Codigo - Dhtml
function ShowHide(Div) {
if (Div.style.display=='none') {
Div.style.display='InLine';
}
else {
Div.style.display='none';
}
}
<table style="border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#FFCC00" bordercolordark="white" bordercolorlight="black">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<a href="#" OnClick="javascript: ShowHide(menu1);">menu 1
</a></p>
<DIV id='menu1' style=display=InLine;>
<table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:1px; border-right-width:1px; border-bottom-width:0px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 1
</p>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 2
</p>
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 3
</p>
<table style="border-width:1px; border-color:rgb(153,153,153); border-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#FFCC00" bordercolordark="white" bordercolorlight="black">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<a href="#" OnClick="javascript: ShowHide(menu2);">menu 2
</a></p>
<DIV id='menu2' style=display=none;>
<table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 1
</p>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 2
</p>
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 3
</p>
<table style="border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#FFCC00" bordercolordark="white" bordercolorlight="black">
<p style="line-height:100%; margin-top:0; margin-bottom:0;">
<a href="#" OnClick="javascript: ShowHide(menu3);">menu 3
</a></p>
<DIV id='menu3' style=display=none;>
<table style="line-height:100%; margin-top:0; margin-bottom:0; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-color:rgb(153,153,153); border-top-style:none; border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="5" cellspacing="0" bgcolor="#F9F9F9">
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 1
</p>
<td width="150" style="border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:solid;">
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 2
</p>
<p style="line-height:100%; margin-top:0; margin-bottom:0; margin-left:20;">Sub menu 3
</p>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
COMENTARIOS
Aun no existe ningun comentario para este Codigo.