03/07/2004, 13:02
|
 | Moderadora | | Fecha de Ingreso: agosto-2001 Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 23 años, 5 meses Puntos: 381 | |
Te dejo este ejemplo a ver si al menos te sirve de orientación  
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#capita1{
background-color: #0099CC;
display: none;
}
#capita2 {
background-color: #999966;
display: none;
}
#capita3 {
background-color: #CCCCFF;
display: none;
}
#capita4 {
background-color: #FFCC99;
display: none;
}
.pepe{
text-align: center;
}
</style>
<script language="JavaScript" type="text/javascript">
var misCapitas = new Array('capita1','capita2','capita3','capita4')
function mostrar(cual){
for(m=0;m<misCapitas.length;m++){
document.getElementById(misCapitas[m]).style.display= 'none'
}
document.getElementById(cual).style.display= 'inline'
}
</script>
</head>
<body>
<p class="pepe"><a href="#" onclick="mostrar('capita1');return false">capita 1</a> <a href="#" onclick="mostrar('capita2');return false">capita 2</a> <a href="#" onclick="mostrar('capita3');return false">capita
3</a> <a href="#" onclick="mostrar('capita4');return false">capita 4</a></p>
<div id="capita1"> Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 Soy la capa 1 </div>
<div id="capita2"> Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 Soy la capa 2 </div>
<div id="capita3"> Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 Soy la capa 3 </div>
<div id="capita4"> Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 Soy la capa 4 </div>
</body>
</html>
 |