Este artículo describe el principio y la implementación del efecto del principio y el método de conmutación de pestañas de JavaScript. Compártelo para su referencia.
El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<style type = "text/css">
#Container {borde: sólido 1px verde; ancho: 300px; altura: 300px;}
li {float: izquierda; margen-izquierda: 20px;}
P {float: izquierda;}
#deportes,#militar,#bbs {display: none;}
</style>
<script type = "text/javaScript">
Tab de funciones (PID) {
var ps = ['noticias', 'deportes', 'militar', 'bbs'];
para (var i = 0, len = ps.length; i <len; i ++) {
if (ps [i] == pid) {
document.getElementById (ps [i]). style.display = "bloque";
}demás{
document.getElementById (ps [i]). style.display = "Ninguno";
}
}
}
</script>
</ablo>
<Body>
<div id = "contenedor">
<ul>
<li onMouseOver = "tab ('News');"> News </li>
<li onMouseOver = "tab ('deportes');"> Sports </li>
<li onMouseOver = "tab ('militar');"> militar </li>
<li onMouseOver = "tab ('bbs');"> foro </li>
</ul>
<P id = "News"> News Newsnews News </p>
<P id = "Sports"> Sports Sports Sports Sports </p>
<p id = "militar"> militar militar militar militar </p>
<P id = "BBS"> Foro Foro Foro Foro Foro de foro </p>
</div>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.