Este artículo describe la función de visualización de múltiples ventanas de JS simplemente implementando el efecto de conmutación de pestañas. Compártelo para su referencia, como sigue:
<div style = "text-align: center; margin-top: 40px;"> <div> <span id = "newStab1" onMouseOver = "settab ('newStab', 1,3)"> <a href = "###" Target = "_ en blanco"> departamento de departamento </a> </span> <span ID = "NewStab2" OnMouseOver = "settab ('NEWSTAB", 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3), 2,3). <a href = "###" Target = "_ Blank"> Informe de medios </a> </span> <span id = "newStab3" onMouseOver = "settab ('newStab', 3,3)"> <a href = "###" Target = "_ Blank"> Investigación académica </a> </span> </iv> <ivi <iv Id = "cón_news <li> <span> 2015-09-09 </span> <a href = "###" Target = "_ Blank"> ¿Quién le pidió que recitara la fragancia de la caída de agua flotando 1 </a> </li> <li> <span> 2015-08-08-17 1 </a> </li> <li> <span> 2015-08-05 </span> <a href = "###" Target = "_ Blank"> ¿Quién le pidió que recitara la fragancia que cae en agua flotando 1 </a> </li> </ul> </div> <Div Id = "Con_newStab_2" Style = "Pantal <li> <span> 2015-09-09 </span> <a href = "###" Target = "_ Blank"> ¿Quién le pidió que recitara la fragancia de la caída de agua flotando 2 </a> </li> <li> <span> 2015-08-17 2 </a> </li> </div> <div id = "con_newstab_3" style = "Display: None;"> <ul> <li> <span> 2015-09-09 </span> <a href = "###" Target = "_ en blanco"> quién le pidió que recitara la fragancia de la caída de agua flotante 3 </a> </li> <li> <span> 2015-08-17 </span> <a href = "###" Target = "_ Blank"> ¿Quién le pidió que recitara la fragancia que cae en agua flotando 3 </a> </li> </div> </div> </div> <script Type = "Text/javaScript"> Función Settab (Nombre, curre, n) {For (i = 1; i <n; {) menú = document.getElementById (nombre+i); var con = document.getElementById ("con _"+nombre+"_"+i); menú.classname = i == Cursel? "Hover": ""; con.style.display = i == Cursel? "Bloque": "Ninguno"; }} </script>Imagen de reproducción:
Para obtener más información sobre el contenido relacionado con JavaScript, consulte los temas de este sitio: "Resumen del algoritmo y habilidades de traversal de JavaScript", "Resumen de JavaScript Cambio de efectos especiales y habilidades de algoritmo de búsqueda de JavaScript", "Resumen de los efectos especiales de animación de JavaScript y habilidades", "Summary of Javasscript y habilidades de debugging de Javugging", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", "," "," "," " Estructuras y habilidades de algoritmo "y" Resumen del uso de la operación matemática de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.