Tutoriales de Javascript

Menú de cabecera contraible en java
Introducción

El siguiente código muestra un menú que despliega un submenu al darle clic, solo tienes que copear el código que esta abajo y si quieres puedes descargar el ejemplo funcionando al final. 



<html>
<head>
<title>Cabecera contraíble</title>
<p align="center"><b>Cabecera contraíble
<style>
TD.list 
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:link
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:active
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
TD.list A:visited
{
Font-family: verdana;
COLOR: #333333;
TEXT-DECORATION: none
}
TD.list A:hover
{
Font-family: verdana;
COLOR: #ff3300;
TEXT-DECORATION: none
}
</style>
<script LANGUAGE=javascript>
<!--
constMaxItem=3
function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
{
if (i!=active)
{
document.all("sub"+i).style.display="NONE"
}
else
{
document.all("sub"+active).style.display="BLOCK"
}
}
}
//-->
</script>
</head>
</b>
<body>
</p>
<table BORDER="0" CELLSPACING="0" CELLPADDING="0">
<tr>
<td class="list" onClick="fnDispThis(1)" style="Cursor:HAND;"><B>Menú Item No. 
1</B><br>
<DIV id="sub1" style="Display:NONE;">
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java scripts</a><br>
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML scripts</a>
<br></td>
</DIV>
</tr>
<tr>
<td class="list" onClick="fnDispThis(2)" style="Cursor:HAND;"><B>Menú Item No. 
2</B><br>
<DIV id="sub2" style="Display:NONE;">
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">http://www.viewsource.dk</a>
<br>
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">http://www.viewsource.dk</a>
<br>
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">http://www.viewsource.dk</a>
<br></td>
</DIV>
</tr>
<tr>
<td class="list" onClick="fnDispThis(3)" style="Cursor:HAND;"><B>Menú Item No. 
3</B><br>
<DIV id="sub3" style="Display:NONE;">
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java scripts</a><br>
&nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML scripts</a>
<br></td>
</DIV>
</tr>
</table>
</body>
</html>


Autor: S/A DescargarDescargar

Comentarios en "Menú de cabecera contraible en java"

Table 'programa_programas.t_comentarios' doesn't exist