div+CSS 引き戸特殊効果_html/css_WEB-ITnose

滑动门是一种只需要鼠标悬停便可自动切换板块的JS特效。需要说明的是如果要减少板块，一定要把JS特效中的相应的板块li的id去掉，否则无法正常显示。比如要将第五项“

滑动门

”、“" これら 2 つを削除した場合、正常に表示するには、JS 特殊効果の m05、mm05、mmm05 と c05、cc05、ccc05 も削除する必要があります。

margin:0px;
padding:0px;
font-size:12px;
}
ul, li {
margin:0px;
padding:0px;
}
li {
list-style-type:none;

h1 {
マージン:10px;
ボーダーボトム: 1px 点線
}
パディング:10px;
ディスプレイ:none;
.scrolldoorFrame {
width:400px;
border-bottom:1px;
height: 35px;
.scrollUl li {
背景色: #f6f6f6;
テキスト整列: 中央;
ボーダー: 1px ボーダー-top -width:0px;
.sd01 {
カーソル:1px ソリッド #CCC;
余白:2px;
.sd02 {
カーソル:ポインター;
マージン: 5px;


#tab01 {
位置: 相対;
ボーダー: ソリッド #
ボーダー幅:0 1px 1px;
ライン高さ:18px;
ボーダー幅:1px 0; -1px ;
背景:#f6f6f6;
#tab01 h4.up {
color:#c00;
高さ:54px;
カラー:#666;
#tab01 {
位置:相対; 02 h3 {
位置: 相対;
高さ: 16px;
ボーダー: ソリッド #ccc; ;
テキスト整列:中央;
背景:#eee;
#tab02 h3.up {
色:#c00; :# fff;
#tab02 div.tab {
位置: 絶対;
z-index:2;
高さ: 200 ピクセル;
パディング:5px;
ボーダー:ソリッド1px #ccc;
#tab02 div.tab.up {
ディスプレイ:ブロック;

-->