JS:
$ (". Con"). Eq (0) .Show (); $ (". Btn span"). Clique (function () {var num = $ (". Btn span"). Index (this); $ (". con"). hide (); $ (".CSS:
corpo {cursor: padrão; -webkit-text-size-adjust: nenhum; tamanho de fonte: 12px; Fonte-família: Arial; Antecedentes: #FFF; } .clear {zoom: 1; } .clear: após {visibilidade: hidden; exibição: bloco; tamanho de fonte: 0; Conteúdo: "1"; claro: ambos; altura: 0; } .Main {Width: 500px; margem: 20px automático; } .btn span {width: 35px; Alinhamento de texto: centro; Cor: #FFF; Antecedentes:#f00; Cursor: Ponteiro; margem: 0 5px; exibição: bloco; flutuar: esquerda; } .con {display: Nenhum; Border:#033 1px Solid; Altura: 100px; Largura: 200px; }Html:
<div> <div> <mpan> 1 </span> <pan> 2 </span> <pan> 3 </span> </div> <div> primeiro <br/> </div> <div> segundo <br/> </div> <div> segundo <Br/> </div> <dd> terceiro <r/> </div> </div>
Captura de tela
O código de exemplo de comutação de guia mais simples acima é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.