Este artículo ha compartido con usted el código específico para JS para implementar un efecto de conmutación de pestañas simple para su referencia. El contenido específico es el siguiente
Código de conmutación de la pestaña JS:
<! DocType html> <html> <head lang = "en"> <meta charset = "gb2312"> <title> Preguntas prácticas- tab </title> <style type = "text/css"> *{margen: 0px; relleno: 0px; } #tab {margen: 10px; } #tab ul {list-style: none; Altura: 36px; Border-Bottom: 2px de negro sólido; Pantalla: bloque; } #tab ul li {float: izquierda; Pantalla: bloque en línea; relleno: 0px 15px; Altura: 34px; Línea-aguja: 34px; margen-derecha: 5px; borde: 1px sólido #ccc; Border-Bottom: Ninguno; cursor: puntero; } #tab div {padding: 5px; borde: 1px sólido #ccc; Border-Top: Ninguno; } #tab ul li.on {border-top: 2px sólido negro; Border-Bottom: 2px blanco sólido; } .Hide {Display: None; } </style> <script type = "text/javaScript"> window.onload = function () {var mytab = document.getElementById ("tab"); var myul = mytab.getElementsBytagName ("ul") [0]; var myli = myul.getElementsBytagName ("li"); var myDiv = mytab.getElementsBytagName ("div"); // alerta (myDiv.length) para (i = 0, len = myli.length; i <len; i ++) {myli [i] .index = i; myli [i] .Onclick = function () {for (var n = 0; n <len; n ++) {myli [n] .classname = ""; myDiv [n] .classname = "escondite"; } this.classname = "On"; myDiv [this.index] .classname = ""; }}} </script> </head> <body> <!-Html Page Diseño-> <Div id = "Tab"> <ul> <li> bienes raíces </li> <li> Inicio </li> <li> House de segunda mano </li> </ul> <iv> 2.75 millones yuan para comprar un lintie 3 dormitorios con un precio total de 200,000 yuan a comprar un dormitorio y 1. yuan to purchase Anjia East Third Ring Road 1.4 million yuan to purchase 530,000 yuan to purchase 530,000 yuan to purchase East 5 Ring Road 50 square meters to reduce the current house of 5,000 yuan to purchase 5,000 yuan to purchase 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuan to build a 300 yuan to buy 5,000 yuan to buy 5,000 yuanes para construir un 300 yuanes para el rey de los edificios en el parque del parque </div> <div> Una casa de alquiler de 40 metros cuadrados es renovada y el nido mixto de una hermosa niña. Se rejuvenece de Classic Fresh and Simple Ou Ai's 90 metros cuadrados. Nuevo estilo chino. Fresco y caliente. Color de contraste de 66 metros cuadrados Las baldosas animadas de la casa son como elegir el diseño de la combustión del baño de una buena esposa. </div> <div> Tongzhou Luxury 3 dormitorios 2.6 millones. Segundo anillo escaso 2 dormitorios 2.50W. West 3 Ring Transparent 2 habitaciones 2.9 millones. 1.3 millones. 2 dormitorios. Compra limitada del distrito escolar primario de Huangchenggen de solo 2.6 millones. 1.21 metros cuadrados. 700,000 yuan! Villa exclusiva 2.8 millones. Suzhou Bridge 2 dormitorios Precio con descuento 2.48 millones. </div> </div> </body> </html>Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.