
09/10/2008, 01:31
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 23 años, 2 meses Puntos: 61 | |
Respuesta: preguntita un poco retorcida Por fín te encuentro!
Esta respuesta la preparé para el otro hilo que cerró el bueno de JavierB. Espero que te sirva. Es muy sencillo:
Código:
<html>
<head>
<script>
function mostrar(esto){
document.getElementById(aquello).style.display="none";
document.getElementById(esto).style.display="block";
aquello=esto;
}
</script>
<style>
.pestana{
display:none;
border:solid 1px silver;
width:500px;
overflow:hidden;
margin-top:2px;
padding:5px;
font:normal 10px/15px verdana;
}
.pestana .imagenCabeza{
float:left;
padding:3px;
border:solid 1px #d0e0e0;
margin-right:5px;
margin-bottom:5px;
}
#continente a{
text-decoration:none;
color:black;
border:solid 1px silver;
heigt:20px;
padding:3px;
font:normal 10px/15px verdana;
text-align:center;
}
#continente a:hover{
background-color:#A0a0a0;
color:white;
}
</style>
</head>
<body onload="document.getElementById('uno').style.display='block';aquello='uno';">
<div id="continente">
<a href="#" onclick="mostrar('uno');return false">Mostrar 1</a>
<a href="#" onclick="mostrar('dos');return false">Mostrar 2</a>
<a href="#" onclick="mostrar('tres');return false">Mostrar 3</a>
<a href="#" onclick="mostrar('cuatro');return false">Mostrar 4</a>
<div id="uno" class="pestana">
<img src="http://karlankas.net/chufa2.jpg" width="200" class="imagenCabeza" />Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1 Pestana 1
</div>
<div id="dos" class="pestana">
Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2 Pestana 2
</div>
<div id="tres" class="pestana">
Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3 Pestana 3
</div>
<div id="cuatro" class="pestana">
Pestana 4 Pestana 4 Pestana 4 Pestana 4 Pestana 4 Pestana 4 Pestana 4 Pestana 4
</div>
</div>
</body>
</html>
Un saludo!
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |