javascript スケジュール自動切り替えタブ Tab_navigation メニュー-jsチュートリアル-php.cn

javascript スケジュール自動切り替えタブ Tab_navigation メニュー

WBOY

リリース： 2016-05-16 18:44:23

オリジナル

1311 人が閲覧しました

ここで、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>スーパー j2me フライング ゲーム クレイジー サンダー ソース コード<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>スーパー j2me フライング ゲーム クレイジー サンダー ソース コード<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 すべて選択注: 外部 Js を導入する必要がある場合は、を実行するために更新する必要があります]