jquery_jqueryをベースにした9行のjsでタブコントロールを簡単に実装する例

复制代码代码如下:

li{
border:1px ソリッド #b5e2f3;
ボーダーボトム:0px;
浮動小数点:左;
幅:100ピクセル;
高さ:25px;
マージン:0 7px;
背景:#F1FEF3;
パディング:9px 0 0 0;
text-align:center;
カラー:#33a3dc;
カーソル:ポインタ;
}
ul{
幅:800;
高さ:36px;
border-bottom:1px ソリッド #b5e2f3;
}
#selected{
背景:#FFF!重要;
border-bottom:2px ソリッド #FFF!重要;
}
ul{margin:-1px;}
#cate1,#cate2, #cate3, #cate4, #cate5{
clear:both;
高さ:300ピクセル;
背景:#FFFFFF;
幅:800ピクセル;
高さ:100ピクセル;
パディング:25px;
ボーダー:1px ソリッド #b5e2f3;
}

• 1


• 2


• 3


• 4

1

2

3

4

tab("タブ","選択済み");

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。