可伸缩的树型结构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>

菜单折叠的实现

Untitled Documentvar w=200;function closenavi() {w-=10;if (w>-10) {window.parent.testframeset.cols =...
  • zhanghongqiao
  • zhanghongqiao
  • 2007-12-06 17:44:00
  • 1338

如何动态隐藏表格 javascript 控制 html元素 显示/隐藏

javascript 控制 html元素 显示/隐藏1。编写js函数    function display(id){        var traget=document.getElementByI...
  • liu_xing_hui
  • liu_xing_hui
  • 2008-01-09 10:46:00
  • 2455

js实现的折叠导航

function expand(el)//传递的是id,1,2,3用来区分所属的分类 { childobj = document.getElem...
  • asdfzjs
  • asdfzjs
  • 2013-11-17 20:06:59
  • 503

纯javascript实现div的伸缩

javascript实现div的伸缩 只是需要更新div层的width和height即可。 但是需要考虑兼容性问题,首先给定一个div层,如果div层本身带边框,这个时候利用offsetXxx获取di...
  • xuzengqiang2
  • xuzengqiang2
  • 2014-03-11 14:07:08
  • 501

Js-Html 前端系列--可伸缩菜单

一个非常经典的Demo,自行开发可以扩展。
  • kingbox000
  • kingbox000
  • 2015-12-27 13:54:13
  • 1185

一个网友写的一些javascript脚本,希望大家喜欢!(转载)

        移动图片 游戏var b2=3; b1=6; a2=4; a1=2;function moveIt()         {bbb.style.left=parseInt(bbb.sty...
  • CharlesYY
  • CharlesYY
  • 2005-12-08 11:10:00
  • 1436

JavaScript控制页面元素显示隐藏

javascript 控制 html元素 显示/隐藏1。编写js函数 function display(id){ var traget=document.getElementById(...
  • ilusm
  • ilusm
  • 2008-07-01 17:12:00
  • 8931

[JS 最简单简洁的插件] 表格行伸缩

body { font-size:14px; } table{border-collapse:collapse;border-spacing:0} table th, table...
  • malinjie66
  • malinjie66
  • 2013-08-11 11:05:57
  • 1098

纯js操作div移动、伸缩,支持快捷键

  • 2008年02月25日 18:56
  • 13KB
  • 下载

修改ElementUI源码实践

 提要 Vue2.0+Vuex+ElementUI是现在很多项目都在使用的BS软件的开发组合。 Vue相较于Angular具有学习成本低,上手快以及组件轻量化的特点;相较于Reac...
  • halibote330
  • halibote330
  • 2017-07-12 17:11:17
  • 3415
收藏助手
不良信息举报
您举报文章:可伸缩的树型结构js文件
举报原因:
原因补充:

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