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

ここで、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 を導入する必要がある場合は、 を実行するために更新する必要があります]