Este artigo descreve o princípio e a implementação do efeito do princípio e método de troca de guias do JavaScript. Compartilhe para sua referência.
O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<style type = "text/css">
#container {borda: sólido 1px verde; largura: 300px; altura: 300px;}
li {float: esquerda; margem-esquerda: 20px;}
p {float: esquerda;}
#esportes,#militar,#bbs {display: nenhum;}
</style>
<script type = "text/javascript">
Guia Função (PID) {
var ps = ['notícias', 'esportes', 'militar', 'bbs'];
for (var i = 0, len = ps.length; i <len; i ++) {
if (ps [i] == pid) {
document.getElementById (ps [i]). style.display = "bloco";
}outro{
document.getElementById (ps [i]). style.display = "nenhum";
}
}
}
</script>
</head>
<Body>
<div id = "contêiner">
<ul>
<li onMouseOverover = "Tab ('News');"> News </li>
<li onmouseover = "tab ('esportes');"> esportes </li>
<li onmouseoverover = "tab ('militar');"> militar </li>
<li onMouseOverover = "tab ('bbs');"> fórum </li>
</ul>
<P ID = "News"> NewsNews News </p>
<p id = "esportes"> esportes esportivos esportes </p>
<p id = "militar"> militar militar militar </p>
<p id = "bbs"> fórum fórum fórum fórum </p>
</div>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.