Código PHP:
<!<>
<HTML>
<HEAD>
<TITLE>JavaScript</TITLE>
<STYLE>
#Itab2 {border-bottom:2px solid Blue;}
#Itab1 {border-bottom:2px solid #2277FF;}
.pagina {
width:216px;
height:200px;
border-left:2px solid Blue;
border-right:2px solid Blue;
border-bottom:2px solid Blue;
background-color:#2277FF;
font-family:Trebuchet MS;
font-size:20px;
color:#0000AA;
text-align:center;
position:absolute;
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function Cambia(pag) {
if (pag=="pag2") {
tab1.style.visibility="hidden";
tab2.style.visibility="visible";
Itab1.style.borderBottom = "2px solid Blue";
Itab2.style.borderBottom = "2px solid #2277FF";
}
else {
tab2.style.visibility="hidden";
tab1.style.visibility="visible";
Itab2.style.borderBottom = "2px solid Blue";
Itab1.style.borderBottom = "2px solid #2277FF";
}
}
</SCRIPT>
</HEAD>
<BODY>
<DIV>
<A HREF="#"><IMG SRC="tab1.gif" ID="Itab1" class="tab" BORDER=0 OnClick="Cambia('pag1')"></A>
<A HREF="#"><IMG SRC="tab2.gif" ID="Itab2" class="tab" BORDER=0 OnClick="Cambia('pag2')"></A>
</DIV>
<DIV class="pagina" ID="tab1">
Esto es la pagina 1
</DIV>
<DIV class="pagina" ID="tab2" STYLE="visibility:hidden;">
Esto es la pagina 2
</DIV>
</BODY>
</HTML>
Ayuda