menutree.htm

来自「《动态网页设计基础教程》,胡杰,科学出版社」· HTM 代码 · 共 179 行

HTM
179 行
字号 
<html>

<head>
<link rel="stylesheet" href="comCSS.css" >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
p{font-family:"宋体";font-size:10pt}
td{font-size:10pt;line-height:normal;}
</style>
<title>Floder menu tree 1</title>
<meta name="Microsoft Border" content="t, default">
</head>

<body><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td>

<p align="left">　</p>

</td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><!--msnavigation--><td valign="top">
<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'>");
   write(".child{display:none}")
   write("</style>");   
  }
}

function getindex(el)
{
 ind=null;
 for (i=0;i<document.layers.length;i++)
 {
  whichE1=document.layers[i];
  if(whichE1.id==0 
  {
   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++)
 {
  whichE1=document.layers[i];
　if(whichE1.visibility!="hide")
  {
   whichE1.pageY=nextY;
   nextY+=whichE1.document.height;
  }
 }
}

function initIt()
{
 if(!ver4) return;
 if(NS4)
 {
  for (i=0;i<document.layers.length;i++)
  {
   whichE1=document.layers[i];
   if(whichE1.id.indexOf("Child")!=-1)
   whichE1.visibility="hide")
  }
  arrange();
 }
 else
 {
   dicColl=document.all.tags("div");
   for(i=0;i<divColl.length;i++)
   {
     whichE1=divColl(i);
     if(whichE1.className=="child")whichE1.style.display="none";
   }
  }
}
   
function expandIt(e1)
{
   if(!ver4) return;
   if(IE4)
   {
     whichE1=eval(e1+"Child");
     if(whichE1.style.display=="none")
     {
       whichE1.style.display=="block";
     }
     else
     {whichE1.style.display=="none";}
   }
   else
   {
      whichE1=eval("document."+e1+"Child");
      if(whichE1.visibility=="hide")
      {
         whichE1.visibility=="hide"
      }
      else
      {
         whichE1.visibility=="hide";
      }
   }
   arrange();
}

    onLoad=initIt;
    -->
    </script>
    
    <div id="KB1Parent" calss="parent"><a href="#" onclick="expandIt('KB1');
    return false">
    <img src="plus.gif" width=35 height=17 border=0>文件夹一</a></div>
    <div id="KB1Child" chass="child">
    <a href="sample.htm" target="right">
       <img src="spacer.gif" width=20 height=11 border=0 alt="">
       <img src="balnk.gif" width=32 height=18 border=0 >页面一
    </a><br>
    <a href="sample.htm" target="right">
       <img src="spacer.gif" width=20 height=11 border=0 alt="">
       <img src="balnk.gif" width=32 height=18 border=0 >页面二
    </a><br>
    <a href="sample.htm" target="right">
       <img src="spacer.gif" width=20 height=11 border=0 alt="">
       <img src="balnk.gif" width=32 height=18 border=0 >页面三
    </a><div>
    
    <div id="KB2Parent" calss="parent">
    <a href="#" onclick="expandIt('KB2');
    return false">
    <img src="plus.gif" width=35 height=17 border=0>文件夹二
    </a></div>
    
    <div id="KB2Child" chass="child">
    <a href="sample.htm" target="right">
       <img src="spacer.gif" width=20 height=11 border=0 alt="">
       <img src="balnk.gif" width=32 height=18 border=0 >页面一
    </a><br>
    <a href="sample.htm" target="right">
       <img src="spacer.gif" width=20 height=11 border=0 alt="">
       <img src="balnk.gif" width=32 height=18 border=0 >页面二
    </a><br>
    <a href="sample.htm" target="right">
       <img src="spacer.gif" width=20 height=11 border=0 alt="">
       <img src="balnk.gif" width=32 height=18 border=0 >页面三
    </a><div>
    
   <script language="javascript">
   if(NS4){
           firstE1="KB1Parent";
           firstInd=getIndex(firstE1);
           arrange();
           }
    </script>
    
       
    

</div>
    
       
    

</div>
    
       
    

<!--msnavigation--></td></tr><!--msnavigation--></table></body></html>

menutree.htm - 源码说明

本页面展示了「《动态网页设计基础教程》,胡杰,科学出版社」中的 menutree.htm 源码文件，采用 HTM 编程语言编写，共 179 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与动态相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?