js导航css,js实现导航栏

主要就是，分成2部分。大标题、小标题。

选大标题对应的小标题显示出来。

*{font-size:12px;}

dl,dd,dt{margin:0px;padding:0px;width:250px;}

dt{font-size:13px;font-weight:bold;background-color:#0066FF;border:1px

solid #CCCCCC;height:30px;line-height:30px;}

dd{background-color:#FFCC00;border:1px solid

#CCCCCC;height:30px;line-height:30px;display:none;}

----------------

A

1

2

B

1

2

3

C

1

-----------------

var dt=document.getElementsByTagName_r("dt");

for(var i=0;i

dt[i].οnclick=function(){

var

dd=document.getElementByIdx_x(this.parentNode.id).getElementsByTagName_r('dd');

var add=document.getElementsByTagName_r("dd");

for(var j=0;j

add[j].style.display='none';

}

for(var j=0;j

dd[j].style.display='block';

}

}

}