Javascript: <i> </i>// Preload menu hover image //var hoverImage = new Image(); //hoverImage.src = "images/menuOn.gif";
// Set up the menu onload = function () { var menu = document.getElementById("drop") var titles = menu.getElementsByTagName("span"); var subMenus = menu.getElementsByTagName("ul"); for (var i=0;i<titles.length;i++) { titles[i].onclick = toggleView; subMenus[i].style.display = "none"; } // Work around for lack of :hover pseudo-class in IE if (document.all) { for (var i=0;i<menu.childNodes.length;i++) { if (/^li$/i.test(menu.childNodes[i].tagName)) { menu.childNodes[i].onmouseover = new Function("this.className = 'hover'"); menu.childNodes[i].onmouseout = new Function("this.className = 'menutitle'"); } } } }
// Show/Hide toggle for submenus function toggleView() { var i = 0; while(!/^ul$/i.test(this.parentNode.childNodes[++i].tagName)); var subMenuStyle = this.parentNode.childNodes[i].style; subMenuStyle.display = subMenuStyle.display == "none" ? "block" : "none"; }