标题 | JS编写树型结构菜单 |
内容 | <script language="JavaScript"> NS4 = (document.layers) ? 1 : 0; IE4 = (document.all) ? 1 : 0; ver4 = (NS4 || IE4) ? 1 : 0; if (ver4) { with (document) { write("<STYLE TYPE="text/css">"); if (NS4) { write(".parent {position:absolute; visibility:visible}"); write(".child {position:absolute; visibility:visible}"); write(".regular {position:absolute; visibility:visible}") } else { write(".child {display:none}") } write("</STYLE>"); } } function getIndex(el) { ind = null; for (i=0; i<document.layers.length; i++) { whichEl = document.layers; if (whichEl.id == el) { ind = i; break; } } return ind; } function arrange() { nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height; for (i=firstInd+1; i<document.layers.length; i++) { whichEl = document.layers; if (whichEl.visibility != "hide") { whichEl.pageY = nextY; nextY += whichEl.document.height; } } } function initIt(){ if (!ver4) return; if (NS4) { for (i=0; i<document.layers.length; i++) { whichEl = document.layers; if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide"; } arrange(); } else { divColl = document.all.tags("DIV"); for (i=0; i<divColl.length; i++) { whichEl = divColl(i); if (whichEl.className == "child") whichEl.style.display = "none"; } } } function expandIt(el) { if (!ver4) return; if (IE4) { whichEl = eval(el + "Child"); if (whichEl.style.display == "none") { whichEl.style.display = "block"; } else { whichEl.style.display = "none"; } } else { whichEl = eval("document." + el + "Child"); if (whichEl.visibility == "hide") { whichEl.visibility = "show"; } else { whichEl.visibility = "hide"; } arrange(); } } onload = initIt; </script> <div id="KB1Parent"><a href="#"KB1"); return false" ><img src="img/plus.gif" border=0>文件夹一</a></div> <div id="KB1Child"> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0><img src="img/open.gif" border=0>页面一</a><br> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 width="15" height="11"><img src="img/open.gif" border=0>页面二</a><br> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 width="15" height="11"><img src="img/open.gif" border=0>页面三</a> </div> <div id="KB2Parent"> <a href="#"KB2"); return false" ><img src="img/plus.gif" border=0>文件夹二</a> </div> <div id="KB2Child"> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 width="15" height="11"><img src="img/open.gif" border=0>页面一</a><br> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0><img src="img/open.gif" border=0>页面二</a><br> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 width="15" height="11"><img src="img/open.gif" border=0>页面三</a> </div> <div id="KB3Parent"> <a href="#"KB3"); return false" ><img src="img/plus.gif" border=0>文件夹三</a> </div> <div id="KB3Child"> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0><img src="img/open.gif" border=0>页面一</a><br> <a href="sample.htm" target="_blank" ><img src="img/open.gif" border=0>页面二</a><br> <a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0><img src="img/open.gif" border=0>页面三</a> </div> <script language="JavaScript"> if (NS4) { firstEl = "KB1Parent"; firstInd = getIndex(firstEl); arrange(); } </script> |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。