树状目录

最新推荐文章于 2023-08-13 16:56:38 发布

zsf0615020117

最新推荐文章于 2023-08-13 16:56:38 发布

阅读量495

点赞数

分类专栏： javascript 文章标签： border class function javascript div ie

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/zsf0615020117/article/details/4219884

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
<head>
<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="2.jpg" 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="2.jpg"   border=0>页面一</a><br>
        　　   　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif"   border=0 alt="" width="15" height="11"><img src="2.jpg"   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>

</head>
<body>
</body>
</html>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。