Um código de comutação de tag de guia que pode ser usado no JS (JavaScript) pode se adaptar automaticamente à largura e você pode adicionar e excluir blocos de tags sozinho.
A cópia do código é a seguinte:
<!
19991224/sola.dtd ">
<Html xmlns = "http://www.w3.org/1999/xhtml"> <head>
<meta name = "Palavras -chave" Content = "JS Código, tag da guia, código de publicidade JS, código de efeito especial JS, Yuewei caotang" />
<title> Navegação de tags para largura adaptativa </ititle>
<Meta http-equiv = content-type content = "text/html; charset = gb2312">
<Tipo de estilo = texto/css>
Corpo {tamanho da fonte: 14px;
OL Li {margem: 8px}
#con {font-size: 12px;
#Tags {Padding-Right: 0px;
Topo: 0px;
#tags li {background: url (imagens/tagleft.gif) No fundo esquerdo;
Nenhuma; altura: 23px}
#Tags Li A {Padding-Right: 10px;
FLOAT: Esquerda;
nenhum}
#Tags Li.Emptytag {Background: Nenhum Scroll transparente Repita 0% 0%;
#Tags Li.SelectTAg {Posição de fundo: Top esquerda;
#Tags Li.SelectTAg A {Posição de fundo: Top direita;
#TAGCONTENT {Right-Right: 1px;
1px;
.TAGCONTENT {Right-Right: 10px;
Potding-Bottom: 10px;
#TagContent Div.SelectTag {Display: Block}
</Style>
<Meta content = "mshtml 6.00.2800.1589" nome = gerador> </ad Head>
<Body>
<Div id = con>
<Ul id = tags>
)
<li> <a onmouseover = "selectTag ('tagcontent1', this)" href = "javascript: void (0)"> tag 2 </a> </li>
<li> <a onmouseover = "selectTag ('tagcontent2', this)" href = "javascript: void (0)"> tags com largura adaptativa </a> </li>
<li> <a onmouseover = "selectTag ('tagcontent3', this)" href = "javascript: void (0)"> largura adaptativa </a> </li>
</ul>
<Div id = tagcontent>
<Div class = tagcontent id = tagcontent0> conteúdo da primeira tag </div>
<Div id = tagcontent1> conteúdo da segunda tag </div>
<Div class = tagcontent id = tagcontent2> conteúdo da terceira tag </div>
<Div class = tagcontent id = tagcontent3> conteúdo da quarta tag </div>
</div>
</div>
<Script Type = Text/JavaScript>
Função SelectTag (ShowContent, SelfObj) {
// tag de operação
var tag = document.getElementById ("tags"). getElementsByTagName ("li");
var tagLength = tag.length;
for (i = 0; i <tagLength; i ++) {
tag [i] .className = "";
}
selfobj.parentnode.className = "SelectTag";
// Conteúdo da operação
for (i = 0; j = document.getElementById ("tagcontent"+i); i ++) {
j.style.display = "nenhum";
}
document.getElementById (ShowContent) .style.display = "bloco";
}
</Script>
</Body> </html>