JavaScript による汎用のシンプルなテーブルタブの実装 (2)_JavaScript スキル-jsチュートリアル-php.cn

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

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

 
 
 
 
 
新しい Web プロジェクト 
<スタイル タイプ="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