复制代代码如下: <br>.tab <br>{ <br>背景色: #FAFAFA; <br>マージン: 5px 8px; <br>パディング: 5px 10px; <br>} <br>.tab p span <br>{ <br>背景色: #EFEFEF; <br>ボーダー: 1px ソリッド #CCCCCC; <br>カーソル: ポインタ; <br>右マージン: 6px; <br>パディング: 2px 5px; <br>} <br>.tab p scan.current <br>{ <br>背景色: #FAFAFA; <br>ボーダーボトムカラー: #fafafa; <br>} <br>.tab p <br>{ <br>border-bottom: 1px ソリッド #CCCCCC; <br>フォントの太さ: 太字; <br>パディング: 0 10px 2px; <br>} <br>.tab li <br>{ <br>border-bottom: 1px 点線 #CCCCCC; <br>パディングボトム: 3px; <br>マージン: 5px 0; <br>} <br>.tab .mhot、.tab.allhot <br>{ <br>表示: なし; <br>} <br> <br>$(document).ready(function() { <br>$(".tab span:first").addClass("current"); //第一个SPAN追加当前效果样式 <br>$ (".tab ul:not(:first)").hide(); //隐藏其它的UL <br>$(".tab span").mouseover(function() { <br>$(".tab span").removeClass("current"); //すべての SPAN の样式 <br>$(this).addClass("current"); <br>$(".tab ul").hide(); <br>$("." $(this).attr("id")).fadeIn('slow'); <br>}); <br> tab1 tab2 tab3 脚本之家www.jb51.net我和我 一花一世办一草一天堂 阿里巴巴阿里巴巴一草一天堂我和我の祖国最愛の場所
