JavaScript による汎用のシンプルなテーブル タブの実装 (2)_JavaScript スキル

元に戻り、スタイルが切り替わると制御がページに戻ります。つまり、table.js はスタイルの切り替えと記録操作のみを制御します:

コードをコピー コードは次のとおりです:

<スタイル タイプ="text/css">
.sidebar {
幅: 140px;
背景: #C9E4D6;
最小高さ: 600px;左: ソリッド 1px #C8C8C8;
}
.sidebar {
list-style:none;
パディング: 20px 0px 0px;
.sidebar ul li {
border-bottom: 1px dotted #C8C8C8;
font-size: 14px;
line-height: 30px;左: 15px;
マージン: 15px;
カーソル:
}
.sidebar .active {
背景:
}
.content{
高さ:600px;
ボーダー右:1px;
パディング:20px; 🎜>}

;

• 
  オプション 1
  

オプション 2
/li>

• 
  オプション 3
  




• 
  オプション 5
  

これは最初のタブのコンテンツです

これは 2 つのタブの内容です

3 番目のタブのコンテンツ

これは 4 番目のタブのコンテンツです

;

これは 5 番目のタブの内容です
;script type="text/javascript" src ="table.js">