Fakeqiji 홈페이지 네비게이션 바 DIV CSS JS [코드 예시]_체험교류

<스타일>
/*子鼠 www.zishu.cn*/
* {margin:0;padding:0;font-size:12px;font-family:Verdana, Arial, "宋体"; 목록 스타일:없음;}
본문 {배경: #FFFFCC;여백:100px 0 0 100px;}
#info {border:1px solid #FFCC66;padding:30px;배경:#f7f7f7;너비:500px ;}
#kjj_tag {width:500px;border-bottom:1px solid #CCC; 배경:url(taga_c.gif) repeat-x 왼쪽 하단; 높이:30px;}
#info1,#info2,#info3,#info4,#info5{ border:1px solid #ccc;border-top:none; 패딩:10px; 배경:#fff; 지우기:둘 다;  }
h4{ font-weight:normal;float:left;border-right:1px solid #fff;}
.hd {display:none;}
.sw {display:block;}
#info li {float:left;}
#info li a{float:left; 표시:블록; 패딩:4px 10px 4px 10px; 색상:#37572E; 텍스트 장식:없음}
#info li a:hover{ 배경:#E9FE70; color:#000}
#info ul { float:left; 여백 상단:-28px; 패딩:5px 0; 위치:절대}
#info .ha a{  색상:#FFF}
#info .ha a:hover{color:#FFF; 배경:없음}
#info .ha .hc:hover{배경:url(tag_d.gif) 반복 없음 중앙 하단; }
.ha {배경:url(taga_a.gif) 반복 없음 왼쪽 상단;margin-top:-3px;padding-top:3px;}
.hb{ 배경:url(taga_b.gif) 아니요 -오른쪽 상단 반복; 여백 상단:-3px; padding-top:3px;}
.hc {배경:url(tag_d.gif) 반복 없음 중앙 하단;  높이:17px; 색상:#FFF; 글꼴 무게:굵게}

 var k = Math.floor(Math.random()*5 1); 
 for(i=1; i <6; i ){
  if( i==k){
   document.getElementById("info" i).className="sw";
   document.getElementById("tag" i).className="ha";
   document.getElementById("tag" i).getElementsByTagName("h4")[0].className="hb";
   document.getElementById("tag" i).getElementsByTagName("a")[0].className="hc";
  }
  else{
   document.getElementById("info" i).className="hd";
  }
 }
함수 키지태그(태그){ 
 for(i=1; i <6; i )
 {
  if (i==tag)
{ 
   document.getElementById("info" i).className="sw";
   document.getElementById("tag" i).className="ha";
   document.getElementById("tag" i).getElementsByTagName("h4")[0].className="hb";
   document.getElementById("tag" i).getElementsByTagName("a")[0].className="hc";
  }
  else{
   document.getElementById("info" i).className="hd";
   document.getElementById("tag" i).className="";
   document.getElementById("tag" i).getElementsByTagName("h4")[0].className="";
   document.getElementById("tag" i).getElementsByTagName("a")[0].className="";
  } 
 }
}