树型目录菜单

原创 2004年09月15日 11:53:00

树型目录菜单

源作者:追风                   人气:31484

这段程序放在<body>与</body>之间
<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[i];
        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[i];
        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[i];
            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>
        </font></p>
      <div id="KB1Parent" class="parent">    <a href="#" onClick="expandIt("KB1"); return false" ><img src="img/plus.gif" border=0>文件夹一</a></div>
      <div id="KB1Child" class="child">     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt=""><img src="img/open.gif"  border=0>页面一</a><br>
             <a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt="" 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 alt="" width="15" height="11"><img src="img/open.gif"  border=0>页面三</a></div>
      <div id="KB2Parent" class="parent">    <a href="#" onClick="expandIt("KB2"); return false" ><img src="img/plus.gif" border=0>文件夹二</a></div>
      <div id="KB2Child" class="child">     <a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt="" 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 alt=""><img src="img/open.gif"  border=0>页面二</a><br>
             <a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt="" width="15" height="11"><img src="img/open.gif"  border=0>页面三</a></div>
      <div id="KB3Parent" class="parent">    <a href="#" onClick="expandIt("KB3"); return false" ><img src="img/plus.gif"  border=0>文件夹三</a></div>
      <div id="KB3Child" class="child">      <a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt=""><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 alt=""><img src="img/open.gif"  border=0>页面三</a></div>
      <script language="JavaScript">
if (NS4) {
        firstEl = "KB1Parent";
        firstInd = getIndex(firstEl);
        arrange();
}
</script>

JSP与树型菜单

JSP与树型菜单 ...
  • yihuei123
  • yihuei123
  • 2007年09月17日 10:36
  • 801

数据库设计(一)树型关系的数据表

树型关系的数据,例如常见的类别表,即一个大类,下面有若干个子类,某些子类又有子类这样的情况。当类别不确定,用户希望可以在任意类别下添加新的子类,或者删除某个类别和其下的所有子类,而且预计以后其数量会逐...
  • qq_38537286
  • qq_38537286
  • 2017年12月04日 15:14
  • 53

Android多级树形菜单的实现

在Android里要实现树形菜单,都是用ExpandableList(也有高手自己继承ListView或者LinearLayout来做),但是ExpandableList一般只能实现2级树形菜单......
  • u011715213
  • u011715213
  • 2014年11月18日 10:27
  • 1077

树型导般菜单(js版)

New Document *{font-size:12px;}var Request = {QueryString: new ThunderBirdRequestQueryString(),Cook...
  • shqlsl
  • shqlsl
  • 2005年02月10日 16:37
  • 1233

asp简单的树形菜单,能从数据库读取类别

这种做法是把所有的数据都装载到数据集中,之后利用样式显示/隐藏来显示。没有什么效率可言,只是实现了树形菜单的这种效果 。我的数据库的类别是分3个表来保存的。 %@LANGUAGE="VBSCRIPT"...
  • zdyguilong
  • zdyguilong
  • 2007年05月31日 16:26
  • 1715

树型菜单

a.htmhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> 员工档案管理 ...
  • yihuei123
  • yihuei123
  • 2007年06月04日 17:21
  • 1787

非常简洁的仿js树形菜单

非常简洁的仿js树形菜单
  • sinat_31016743
  • sinat_31016743
  • 2016年01月12日 22:15
  • 6284

一个简单的树型目录实现

一个简单的树型XML文档的生成import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.I...
  • javanewlife
  • javanewlife
  • 2008年04月28日 10:48
  • 359

递归算法实现树型菜单

  ///   /// 递归构建节点树  ///    private void CreateNode(string id,TreeNode td)  {   Microsoft.Web.UI.Web...
  • xiaoK
  • xiaoK
  • 2006年03月31日 11:05
  • 3136

栏目 右键克隆 栏目树调整顺序 遮罩层

遮罩层 #pageOverlay { position:fixed; top:0; left:0; z-index:1987; width:100%; height:100%;  backgrou...
  • okkeqin
  • okkeqin
  • 2014年03月12日 14:57
  • 1139
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:树型目录菜单
举报原因:
原因补充:

(最多只允许输入30个字)