JS:
$( "。con")。eq(0).show(); $( "。btn span")
CSS:
body {cursor:default; -webkit-text-size-adjust:none;フォントサイズ:12px;フォントファミリー:arial;背景:#fff; } .clear {Zoom:1; } .clear:afted {visibility:hidden;表示:ブロック;フォントサイズ:0;コンテンツ: "1";クリア:両方;高さ:0; } .main {width:500px;マージン:20px Auto; } .btn span {width:35px;テキストアライグ:センター;色:#fff;背景:#f00;カーソル:ポインター;マージン:0 5px;表示:ブロック;フロート:左; } .con {display:none;ボーダー:#033 1pxソリッド;高さ:100px;幅:200px; }HTML:
<div> <div> <span> 1 </span> <span> 2 </span> <span> 3 </span> </div> <div> second <br/> </div> <div> second <br/> </div> div> 3番目の<br/>> </div> div> div>
スクリーンショット
上記の最も単純なタブの切り替え例コードは、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。