Red de conocimiento informático - Material del sitio web - Cómo utilizar javascript para implementar un menú de estructura de árbol expandible con nodos.

¡Pide orientación a los expertos!

Cómo utilizar javascript para implementar un menú de estructura de árbol expandible con nodos.

¡Pide orientación a los expertos!

Esto debería funcionar para usted:

Menú de árbol infinito</ title></p><p></head></p><p><body></p><p>< CNLTreeMenu"></p><p> <h4>Menú de árbol CNL1 </h4></p><p> <p><a id="AllOpen" href="#" onClick="MyCNLTreeMenu.SetNodes (0 );Hd(this);Sw('AllClose');" >Expandir todo</a> <a id="AllClose" href="#" onClick="MyCNLTreeMenu.SetNodes(1);Hd(this) ;Sw ('AllOpen');" style="display:none;">AllCollapse</a></p </p><p> <ul></p><p> <li class="Abierto "> <a href="">Zzsky.Cn</a></p><p> <ul></p><p> <li><a href="#1">Zona tecnológica</a ></p><p> <ul></p><p> <li><a href="#">Tecnología web</a></p><p> <ul></p> <p>&l</p><p>t;li class="Niño"& gt;<a href="#">JavaScript</a></li></p><p> <! --Nodo secundario--></p><p> <li class="Child"><a href="#">HTML/XHTML/CSS</a></li></p><p> <li class="Niño"><a href="#">HTML/XHTML/CSS</a>/li></p><p> <li class="Niño">&! class="Child"><a href="#">Ajax</a></li></p><p> <li class="Child"><a href="#">Herramienta de creación de páginas web </a></li></p><p> <li class="Niño"><a href="#">Diseño/Gráficos</a></li></p><p> < li class="Niño"><a href="#">Flash/Multimedia</a></li></p><p> < li class="Niño"><a href="#" > VML/Web3D</a></li></p><p> </ul></p><p> </li></p><p> < ;! --Subnodo 3--></p><p> <li><a href="#"> Programación web</a></p><p> <ul></p><p> < li class="Child"><a href="#"> Java</a></li></p><p> <!--Nodo hijo--></p><p> <li clase ="Niño"><a href="#">.</p><p></p><p> <li class="Child"><a href="#">Perl/Python</a>&l;/li></p><p> <li class="Child"> <a href="#">Síntesis web/código abierto</a>&l;/li>/ li></p><p> </ul></p><p> </li></p ><p> <! --Subnodo 3--></p><p> <li><a href="#"> base de datos</a></p><p> <ul></p><p> <li class="Child"> <a href="#"> Access/SQLServer</a></li></p><p> <!--Nodo hijo--></p><p> <li class="Niño"><a href="#">MySQL/PostgreSQL</a></li></p><p> <li class="Niño"> ;<a href="#"> Oracle/DB2/Sybase</a></li></p><p> </ul></p><p> </li></p><p> <! --Subnodo 3--></p><p> <li><a href="#"> servidor</a></p><p> <ul></p><p> <li clase ="Niño"> <a href="#"> Windows/IIS</a></li></p><p> <! --Nodo secundario--></p><p> <li class="Child"><a href="#">Unix/Linux/Apache</a></li></p><p> <li class="Child"& gt;<a href="#">servidor de aplicaciones</a></li></p><p> </ul></p><p> </li </p><p> <! --Subnodo 3--></p><p> </ul></p><p> </li></p><p> <!--Subnodo 2--></p ><p> <li><a href="#1"> Directorio secundario</a></p><p> <ul></p><p> <li><a href="#" > Directorio de tercer nivel</a></p><p> <ul></p><p> <li><a href="#">......</a></p> <p> <ul></p><p> <li><a href="#">enésimo nivel de catálogo</a></p><p> <ul></p><p> < li clase="Niño"></p><p><a href="#">nodo hoja 1</a></li></p><p> <! --Nodo hijo--></p><p> <li class="Child"><a href="#">nodo hoja 2</a></li></p><p> < li class="Niño"><a href=" #">Nodo hoja 3</a></li></p><p> </ul></p><p> </li></ p><p><! --Subnodo n --></p><p> </ul></p><p> </li></p><p> <! --Subnodo 6 --></p><p> </ul></p><p> </li></p><p> <!--Subnodo 5 --></p ><p> </ul></p><p> </li></p><p> <!--Subnodo 4--></p><p> </ul></p ><p> </li></p><p> <!--Subnodo 3--></p><p> </ul></p><p> </li></p ><p> <!--Subnodo 2--></p><p> <li><a href="#1">Directorio secundario</a></p><p> <ul> </ p><p> <li><a href="#"> Directorio de tercer nivel</a></p><p> <ul></p><p> <li><a href=" # ">......</a></p><p> <ul></p><p> <li><a href="#">enésimo nivel de catálogo</a>< / p><p> <ul></p><p> <li class="Child"><a href="#">nodo hoja 1</a></li></p><p> < ! --Nodo hijo--></p><p> <li class="Child"><a href="#">nodo hoja 2</a></li></p><p> < li class="Niño"><a href=" #">Nodo hoja 3</a></li></p><p> </ul></p><p> </li></ p><p><! --Subnodo n --></p><p> </ul></p><p> </li></p><p> <! --Subnodo 6 --></p><p> </ul></p><p> </li></p><p> <!--Subnodo 5 --></p ><p> </ul></p><p> </li></p><p> <!--Subnodo 4--></p><p> </ul&</p><p>gt;</p><p> </li></p><p> <!--Subnodo 3--></p><p> </ul></p><p> </ li></p><p> <!--Nodo hijo 2 --></p><p> </ul></p><p> </li></p><p> <! --Subnodo 1 --></p><p> </ul></p><p> </div></p><p> <!--CNLTreeMenu --></p><p><! --CNLTreeMenu1 ¡Fin!--></p><p><script type="text/javascript"></p><p><;! --</p><p>función Ob(o){</p><p>var o=document.getElementById(o)?document.getElementById(o):o;</p><p>return o ;</p><p>}</p><p>función Hd(o){</p><p>Ob(o).style.display="none";</p><p>} </p><p>función Sw(o){</p><p>Ob(o).style.display="";</p><p>}</p><p>función ExCls( o, a,b,n){</p><p>var o=Ob(o);</p><p>for(i=0;i<n;i++){o=o.parentNode; }</p><p>o.className=o.className==a?b:a;</p><p>}</p><p>función CNLTreeMenu(id,TagName0){</p> <p>this.id=id;</p><p>this.id).getElementsByTagName(TagName0);</p><p>this.InitCss = función (ClassName0,ClassName1, ClassName2,ImgUrl){</ p><p>this.ClassName0=ClassName0;</p><p>this.ClassName1=ClassName1;</p><p>this.ClassName2=ClassName2;</p><p> this.ImgUrl=ImgUrl | "/images/s.ImgBlankB = "<img src=""+this.ImgUrl+"/" class=\"s\"/>";</p><p>for (i=0;i<this .AllNodes.length;i++ ){</p><p> this.AllNodes[i].className==""?this.AllNodes[i].className=ClassName1:"";</p><p> esto .AllNodes[i].innerHTML=(this.AllNodes[i].className===ClassName2?this.ImgBlankB:this.ImgBlankA)+this.AllNodes[i].innerHTML;<p> }</p><p>}</p><p>this.SetNodes = función (n){</p><p>var sClsName=n==0?this.ClassName0:this.ClassName1;</p></div> </div> <div class="nextinfo"><a href="k2utl5wjyq.html">上篇: Cómo descargar la versión china del simulador de juegos móviles Cutehoney</a> <a href="k2vnypzhi0.html">下篇: Cómo guiar a los estudiantes de tercer grado a escribir ensayos</a></div> </div> </div> <div class="aside l_box"> <div class="sidebar diyModule"> <div class="side-title"><h3 class="function_t">Artículos populares</h3></div> <ul><li><a href="i09igf0tfr.html">¿Cómo crear los puntos clave del diseño de una sala de deportes electrónicos?</a></li><li><a href="23fr8efdw5.html">¿Cuál es mejor, la cámara apilada o la retroiluminada?</a></li><li><a href="jlm8rqwdof.html">¿Cómo utilizar el interferómetro de Michael para medir la diferencia de longitud de onda entre dos líneas espectrales de luz de sodio? ¿Cuáles son los principios y pasos?</a></li><li><a href="xdzpbk6q93.html">Cómo corregir la sincronización de la imagen del motor de cilindrada Mercedes-Benz 3.2</a></li><li><a href="y993abs8om.html">¿Por qué desaparecieron los videos descargados de Dadi Video?</a></li></ul> </div> </div> </div> <footer class="jz52bq footer_style"><p>copyright 2024 <a href="https://www.diannaozhishiwang.com/"><b>Red de conocimiento informático</b></a> All Rights Reserved.<script type="text/javascript" src="../css/tongji.js"></script></p></footer> </body> </html>