javascript 예약 자동 전환 탭 Tab_navigation 메뉴-JS 튜토리얼-php.cn

javascript 예약 자동 전환 탭 Tab_navigation 메뉴

WBOY

풀어 주다： 2016-05-16 18:44:23

원래의

1390명이 탐색했습니다.

여기서 주의할 점은 ChangeTabInterval을 생성하는 데 사용되는 임의의 숫자가 페이지에 너무 많은 TabPane을 방지한다는 점입니다. ChangeTabInterval을 동일하게 설정하면 균일한 전환 효과가 발생하지만 이는 아름답지 않습니다. 🎜>
탭 자동 전환

<title>
</title>
            <style> 
.tab { 
font-family: Verdana, Helvetica, Arial; 
font-size: 12px; 
position: relative; 
width: 100%; 
} 
.tab-border {border:1px solid;border-color: rgb(120,172,255);} 
.tab-head { 
background-color:rgb(234,242,255);; 
border:0px; 
height:23px; 
line-height:20px; 
position:relative; 
} 
.tab-head ul{ 
border:0px; 
height:23px; 
list-style:none; 
margin:0px; 
text-align:center; 
padding:0; 
position:absolute;

} 
.tab-head li{ 
border: 1px solid; 
border-color: rgb(120,172,255); 
border-left: 0; 
border-bottom: 0; 
border-top: 0; 
cursor:pointer; 
color:#416AA3; 
float:left; 
display:block; 
height:22px;!important;height:20px; 
line-height:20px; 
padding: 2px 6px 0px 6px; 
margin-top: 2px; 
margin-right: -1px; 
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;

} 
.tab-head li.hover{ 
border: 1px solid rgb(120,172,255); 
border-bottom: 0; 
padding: 0px 6px 3px 6px; 
margin: 0px 1px 0px 0px; 
background: white; 
font-size: 13px; 
font-weight: bold; 
color: rgb(0,66,174); 
overflow:visible; 
} 
</style>
                    <div id="rptopmain_right_middle_right">

                    <div id="divForumBoard">
</div>
<div id="divForumCast" style="padding:8px;height:200px"> 해커 제로 스타트 튜토리얼 CHM<div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>암호화 및 복호화가 가능한 VB 스크린 키보드 구성요소 <div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>어떤 프로젝트 경험이 면접관을 빛나게 해줄까요<div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>Super j2me 플라잉 게임 Crazy Thunder 소스 코드<div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>암호화 및 복호화가 가능한 VB 스크린 키보드 구성요소 <div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>프로그래밍 학습에 대한 몇 가지 오해<div class="rp_2equalcol">
<a href="#" target="_blank">
                    </a>
            </div>
</div>
<div id="divForumPanel" style="padding:8px;height:210px">Delphi 다중 문서 기하학적 도면 및 편집 프로그램<div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>ACM 알고리즘 질문을 배우는 것이 도움이 되나요? <div class="rp_2equalcol"><a href="#" target="_blank">
</a></div> 해커 제로 스타트 튜토리얼 CHM<div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>Super j2me 플라잉 게임 Crazy Thunder 소스 코드<div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>B는 보조 창의 표시 및 숨기기를 제어하는 기본 폼을 구현합니다. <div class="rp_2equalcol"><a href="#" target="_blank">
</a></div>Delphi 다중 문서 기하학적 도면 및 편집 프로그램<div class="rp_2equalcol">
<a href="#" target="_blank">
            </a>
                    </div>
             </div>
        </div>

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]