Hola, de nuevo yo, en serio muchas gracias por la ayuda pero no entiendo jQuery, te pongo aki lo k encontre pero nose como adaptarlo alo k kero, no entiendo
en este ejemplo al cargar la pagina carga todas las capas y lok yo kero es k al cargar el pagina se muestre solo la primera capa k corresponde al primer link. cuando le click en el 2do link se oculte esa capa y me muestre la capa siguiente y asi sucesivamente con la dsotras capas.
cuando le de clik al primer link me cargue la 1ra capa..
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NoledebonadaalartE</title>
<style type="text/css">
#menu li{
display:block;
width:50px;
margin:3px;
padding: 5px;
left: 0px;
}
#cabera {
position:absolute;
top:0px;
width:244px;
height:30px;
z-index:1;
right: 0px;
visibility: visible;
}
#anita {
position:absolute;
width:90px;
height:14px;
z-index:3;
padding-right: 0px;
padding-bottom: 0px;
right: 0px;
bottom: 10px;
visibility: visible;
}
.anita {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #333333;
}
body,td,th {
color: #000000;
}
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
overflow: -moz-scrollbars-vertical -moz-scrollbars-horizontal;
}
#curriculum {
position:absolute;
top:68px;
width:500px;
height:300px;
z-index:4;
right: 0px;
visibility: visible;
}
#menu {
position:absolute;
top:31px;
width:232px;
height:17px;
z-index:5;
right: 740px;
visibility: visible;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #333333;
display: inline;
}
#trabajos {
position:absolute;
left:407px;
top:62px;
width:251px;
height:148px;
z-index:6;
visibility: visible;
background-color: #009999;
}
#curriculum {
position:absolute;
left:713px;
top:64px;
width:286px;
height:233px;
z-index:7;
background-color: #003366;
visibility: visible;
}
#contacta {
position:absolute;
left:420px;
top:210px;
width:251px;
height:148px;
z-index:6;
visibility: visible;
background-color: #FADF00;
}
#novedades { position:absolute;
top:68px;
width:500px;
height:300px;
z-index:4;
right: 0px;
visibility: visible;
}
#novedades {
position:absolute;
left:121px;
top:54px;
width:286px;
height:233px;
z-index:7;
background-color: #FF99CC;
visibility:visible;
}
</style>
<script type="text/javascript">
Mostrar=function(id){
document.getElementById(id).style.visibility="visi ble";
};
Ocultar=function(ids){
for(i=0;i<ids.length;i++){
id=ids[i];
if(document.getElementById(id)) document.getElementById(id).style.visibility="hidd en";
}
};
window.onload=function(){
elementos=new Array();
for(i=0;i<document.getElementById('menu').childNod es.length;i++){
elemento=document.getElementById('menu').childNode s[i];
if(!elemento.innerHTML) continue;
elementos[elementos.length]=elemento.innerHTML;
elemento.onclick=function(){
Ocultar(elementos);
Mostrar(this.innerHTML);
};
elemento.onmouseover=function(){
this.style.textDecoration="line-through";
this.style.cursor="pointer ";
}
elemento.onmouseout=function(){
this.style.textDecoration="none";
}
}
};
</script>
</head>
<body Scroll="NO">
<div id="cabera"><img src="imgs/cabecera.gif" alt="NoledebonadaalartE" width="244" height="30" longdesc="imgs/cabecera.gif" /></div>
<ul id="menu">
<li>trabajos </li>
<li>curriculum</li>
<li>novedades</li>
<li>contact</li>
</ul>
<div class="anita" id="anita">ejemplo</div>
<div id="trabajos"></div>
<div id="curriculum"></div>
<div id="contacta"></div>
<div id="novedades"></div>
</body>
</html>