Examples of foldable level-2 menus implemented by JavaScript + CSS, javascriptcss

Examples of foldable level-2 menus implemented by JavaScript + CSS, javascriptcss

The examples in this article describe the foldable level-2 menu implemented by JavaScript + CSS. We will share this with you for your reference. The details are as follows:

. Aspx file:

<% @ Page Language = "C #" AutoEventWireup = "true" CodeFile = "NavigateMenu. aspx. cs" Inherits = "NavigateMenu" %> <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Js file:
function doMenu(obj){ var items=obj.parentNode.getElementsByTagName("ul"); var itmUl; if(items.length>0){ itmUl=items[0]; } if(itmUl.className!="ex"){ cxAll(); itmUl.className="ex"; }else{ itmUl.className="cx"; }}function statUp(){ cxAll();}function cxAll(){ var ulDom=document.getElementById("nav"); var items=ulDom.getElementsByTagName("ul"); for (var i=0;i<items.length;i++) { items[i].className="cx"; }}
In this case, you need to pay attention to the problem of delayed loading. Because the statUp () method needs to be executed during page loading, js is written into a file separately or when js is written in the 
Another solution is to write all javaScript directly in 
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">