클릭 탭 전환 및 DIV tabs_javascript 자동 전환 팁

复主代码 代码如下:

<머리>


<스타일 유형="텍스트/css">
*{list-style:none;margin:0;padding:0;overflow:hidden}
.tab1{너비:401px;border-top:#A8C29F 단색 1px;border-bottom:#A8C29F 단색 1px;margin:50px 200px;}
.menu{너비:400px;배경:#eee;높이:28px;border-right:#A8C29F 단색 1px;border-bottom:#A8C29F 단색 1px;}
li{float:left;width:99px;text-align:center;line-height:28px;height:28px;cursor:pointer;border-left:#A8C29F solid 1px;color:#666;font-size:14px; 오버플로:숨김}
.menudiv{너비:399px;높이:300px;테두리-왼쪽:#A8C29F 단색 1px;테두리-오른쪽:#A8C29F 솔리드 1px;border-top:0;배경:#fefefe}
.menudiv div{padding:15px;line-height:28px;}
.off{배경:#E0E2EB;색상:#336699;글꼴-가중치:굵게}

<스크립트 유형="텍스트/자바스크립트">
함수 setTab(이름, 커서){
cursel_0=cursel;
for(var i=1; i<=links_len; i ){
var menu = document.getElementById(이름 i);
var menudiv = document.getElementById("con_" name "_" i);
if(i==cursel){
menu.className="꺼짐";
menudiv.style.display="차단";
}
그렇지 않으면{
menu.className="";
menudiv.style.display="없음";
}
}
}
함수 다음(){
저주_0 ;
if (cursel_0>links_len)cursel_0=1
setTab(이름_0,cursel_0);
}
var name_0='하나';
var curl_0=1;
var link_len,iIntervalId;
온로드=함수(){
var link = document.getElementById("tab1").getElementsByTagName('li')
link_len=links.length;
for(var i=0; i link[i].onmouseover=function(){
ClearInterval(iIntervalId);
}
}
document.getElementById("con_" name_0 "_" link_len).parentNode.onmouseover=function(){
ClearInterval(iIntervalId);
}
setTab(이름_0,cursel_0);
}


<본문>

• 标签1


• 标签2


• 标签3


• 标签4

标签1-内容

标签2-内容

标签3-内容

标签4-内容