可伸缩的树型结构js文件

原创 2004年07月08日 10:20:00

<!--可收缩的树型结构的js文件-->
<script language="JavaScript1.2">
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>

Unity UGUI自定义树形菜单(TreeView)

先上几张效果图:        如果你需要的也是这种效果,那你就来对地方了!目前,我们这个树形菜单展现出来的功能如下:1、可以动态配置数据源;2、点击每个元素的上下文菜单按钮(也就是图中的三角形按钮)...
  • qq992817263
  • qq992817263
  • 2017年02月08日 14:30
  • 5591

树形目录结构 竖线+扩展+收缩 图标的实现

最近实现了一个竖线目录的结构图如下: 上图左侧为竖线 加伸缩扩展图标; 分析有5种状态:如图 下面实现:package cn.vko.ring.common.weight;import cn...
  • u011140027
  • u011140027
  • 2015年11月05日 10:52
  • 1215

Jquery实现可拖拽的树菜单

效果图如下所示:
  • javaquentin
  • javaquentin
  • 2014年12月23日 14:37
  • 9478

js动态树型结构 树型菜单

  • 2008年12月27日 09:33
  • 64KB
  • 下载

vue.js树型结构实现

参考:http://www.cnblogs.com/ychl/p/6075106.html 虽然文章给出的方法可以实现树结构,使用的图标是boostrap提供的fa类别的图标。参考文献中的代码: ...
  • u011244794
  • u011244794
  • 2017年03月19日 19:21
  • 3418

文件内容查找程序,最后成树型结构显示在文本上

  • 2011年01月21日 16:36
  • 6KB
  • 下载

AJAX实现动态树型结构

树型结构是一类应用非常广泛的数据结构。人类社会中宗族的族谱和现代企业的组织形式都是树型结构。在计算机领域中,文件系统中文件的管理结构、存储器管理中的页表、数据库中的索引等也都是树型结构。随着Inter...
  • xuxu198899223
  • xuxu198899223
  • 2013年05月07日 08:44
  • 588

整理easyui tree 树型结构创建过程

1、视图中在需要树型结构的地方添加 2、添加easyuitree树属性和方法 $('#menuTree').tree({ url: '/Fr...
  • zhgl7688
  • zhgl7688
  • 2016年03月28日 23:24
  • 1200

java swing 树型结构

package swing_advance; import javax.swing.*; import javax.swing.event.TreeSelectionEvent; import jav...
  • Nickisacode
  • Nickisacode
  • 2017年08月09日 11:05
  • 65

一种理想的在关系数据库中存储树型结构数据的方法

在各种基于关系数据库的应用系统开发中,我们往往需要存储树型结构的数据,目前有很多流行的方法,如邻接列表模型(The Adjacency List Model),在此基础上也有很多人针对不同的需求做了相...
  • zhangxs_3
  • zhangxs_3
  • 2013年02月28日 00:55
  • 503
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:可伸缩的树型结构js文件
举报原因:
原因补充:

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