📄 nstree.html

📁 javascript source code part2
💻 HTML
字号:
<HEAD>
   <SCRIPT LANGUAGE="JavaScript1.2" SRC="resize.js"></SCRIPT>
   <SCRIPT LANGUAGE="JavaScript1.2" SRC="list.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">

   function init() {
      if(parseInt(navigator.appVersion) < 4) {
         alert("You need a 4.0+ browser to run this.");
         return;
      }
   var height = 30;
   if(document.layers) width = window.innerWidth  -5 ;
   else width = document.body.clientWidth - 5;

   var backColor = "#ffffff";
   var visible = true;
   var leafVisible = false;

nsTree = new List(visible, width, height, backColor);

mySub = new List(leafVisible, width, height, backColor);
nsTree.addList(mySub, "The Waltons Family Album");

mySub2 = new List(leafVisible, width, height, backColor);
mySub2.addItem("<A HREF='dpage.html?walt2.jpg&Wife%3a%20Jose%20Emma' "+
               "TARGET='albpage'>Wife: Jose Emma</A>");
mySub.addList(mySub2, "<A HREF='dpage.html?walt1.jpg&James%20W.%20Walton' "+
                      "TARGET='albpage'>James W. Walton<A>");

mySub3 = new List(leafVisible, width, height, backColor);
mySub3.addItem("<A HREF='dpage.html?walt4.jpg&Husband%3a%20Jack%20Eckel' "+
               "TARGET='albpage'>Husband: Jack Eckel</A>");
mySub3.addItem("<A HREF='dpage.html?walt5.jpg&Grand%20child%3a%20Lucy%20Eckel' "+
               "TARGET='albpage'>Grand child: Lucy Eckel</A>");
mySub2.addList(mySub3, "<A HREF='dpage.html?walt3.jpg&Child%3a%20Maggie%20Walton' "+
                       "TARGET='albpage'>Child: Maggie Walton</A>");

mySub4 = new List(leafVisible, width, height, backColor);
mySub4.addItem("<A HREF='dpage.html?walt7.jpg&Wife%3a%20Nancy%20Lori' "+
               "TARGET='albpage'>Wife: Nancy Lori</a>");
mySub4.addItem("<A HREF='dpage.html?walt8.jpg&Child%3a%20John%20Walton' "+
               "TARGET='albpage'>Child: John Walton</A>");
mySub.addList(mySub4, "<A HREF='dpage.html?walt6.jpg&Jack%20E.%20Walton' "+
                      "TARGET='albpage'>Jack E. Walton</A>");
mySub.addItem("<A HREF='dpage.html?walt9.jpg&Joe%20Walton' "+
              "TARGET='albpage'>Joe Walton</A>");

nsTree.setFont("<FONT FACE='Verdana,Arial,Helvetica' COLOR='blue' "+
               "SIZE=-1><BOLD>","</BOLD></FONT>");
mySub.setFont("<FONT FACE='Verdana,Arial,Helvetica' COLOR='blue' "+
              "SIZE=-1><BOLD>","</BOLD></FONT>");
mySub2.setFont("<FONT FACE='Verdana,Arial,Helvetica' COLOR='blue' "+
               "SIZE=-1><BOLD>","</BOLD></FONT>");
mySub3.setFont("<FONT FACE='Verdana,Arial,Helvetica' COLOR='blue' "+
               "SIZE=-1><BOLD>","</BOLD></FONT>");
mySub4.setFont("<FONT FACE='Verdana,Arial,Helvetica' COLOR='blue' "+
               "SIZE=-1><BOLD>","</BOLD></FONT>");

nsTree.build(8,95);
}
</SCRIPT>
   <STYLE TYPE="text/css">
      #lItem0 { position:absolute; } 
      #lItem1 { position:absolute; } 
      #lItem2 { position:absolute; } 
      #lItem3 { position:absolute; } 
      #lItem4 { position:absolute; } 
      #lItem5 { position:absolute; } 
      #lItem6 { position:absolute; } 
      #lItem7 { position:absolute; } 
      #lItem8 { position:absolute; } 
   </STYLE>
</HEAD>

<BODY ONLOAD="init();">
   <IMG WIDTH="300" HEIGHT="79" SRC="Logo.gif">
   <DIV ID="lItem0" NAME="lItem0"></DIV>
   <DIV ID="lItem1" NAME="lItem1"></DIV>
   <DIV ID="lItem2" NAME="lItem2"></DIV>
   <DIV ID="lItem3" NAME="lItem3"></DIV>
   <DIV ID="lItem4" NAME="lItem4"></DIV>
   <DIV ID="lItem5" NAME="lItem5"></DIV>
   <DIV ID="lItem6" NAME="lItem6"></DIV>
   <DIV ID="lItem7" NAME="lItem7"></DIV>
   <DIV ID="lItem8" NAME="lItem8"></DIV>
</BODY>

</HTML>
⌨️ 快捷键说明

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