タブ切り替え効果

通常のタブには以下の種類があります.

スキュースイッチ

クリックで切り替わります.

ディレイスイッチ

自動切り替え

 ラベルバーを書く時、左右の枠は1 pxで、一番外側に1ピクセルの枠がある場合、内部のラベル欄の幅は通常設定されます.一番外側の幅＋シングルフレームの幅は、絶対位置を使用して、左に単枠の距離を移動します.コードは以下の通りです.

.notice {
    width: 298px;
    height:98px;
    margin: 10px;
    border: 1px solid #eee;
    overflow: hidden;
}    //   
.notice-tit ul {
    position: absolute;
    top:0;
    left: -1px;
    width: 301px;
}    

 遅延スイッチングにおけるthisの問題については、setTimeoutを使用して遅延が実現されるが、setTimeoutでthisが指すのは、windowsオブジェクトであり、現在のオブジェクトを使用する必要があるなら、付加的に変数の代替を宣言する必要がある.例えば、var＿uthis=this;