📄 menu.htm.bak

📁 目录树的实现程序
💻 BAK
字号:
<html>
<titile></title>
<body>
<table border="0" id="rootNode" style="font-size:9pt;" cellspacing=0 cellpadding=0>
<TBODY>



<SCRIPT src="alai_tree.js"></SCRIPT>
<SCRIPT src="alai_tree_win2k.js"></SCRIPT>
 
创建目录树的示例程序：

<SCRIPT>
var myTree=new alai_tree_win2k() //用模板程序建树
var root=myTree.root //根节点的引用
//添加目录树节点
var n1=root.add("文档中心")
   n1.addLink("doc1.htm",".NET")
   n1.addLink("doc2.htm","C++")
   n1.addLink("doc3.htm","数据库")
   n1.addLink("doc4.htm","Delphi")
with(root.add("新闻中心"))
{
   addLink("new1.htm","国内")
   addLink("new2.htm","国际")
   addLink("new3.htm","IT新闻")
}
</SCRIPT> 




<script language="javascript">
// 创建树的根结点,以后就可以在该根结点下创建子树及叶子
var treeRoot = new tree("rootNode");

var tb;  


tb = new treeBranch(  "第一个子树" // 子树显示的文字
                                 ,"../images/timebook_evection.gif" // 子树展开时的图标
                                 ,"../images/timebook_evection.gif" // 子树收缩时的图标
                                 ,null //附加到子树的数据,以后可通过tb.data进行访问
                                 ,"if(this.opened){alert('子树展开');}else{alert('子树收缩');}" // 当子树展开或收缩时将调用的代码
                                 ,"alert('子树被选中!');" // 当子树的文本标签被选中时将调用的代码
                                 );

tb.tdMouseOver = "treeBranchMouseOver"; // 当鼠标移上时子树的样式类名称
tb.tdMouseOut = "treeBranchMouseOut"; // 当鼠标移开时子树的样式类名称

tb.spanMouseOver = "treeBranchMouseOver"; //当鼠标移上时子树文本标签的样式类名称
tb.spanMouseOut = "treeBranchMouseOut";  //当鼠标移开时子树文本标签的样式类名称

tb.spanSelected = "treeBranchSelected"; // 当子树处于选中状态时的样式类名称

// 往根节点添加刚才创建的子树,第一个参数是将要插入的位置
var t = treeRoot.addBranch(treeRoot.length() , tb); // 返回参数 t 为被插入的子树

var tn = t.addNode(t.length()  // 将插入的叶子的位置
                             , "子结点显示名称" // 叶子文本标签文字
                             , "../images/spacer.gif" // 叶子的显示图标
                             , "../images/spacer.gif" // 当叶子被选中时将显示的图标
                             , null // 附加到叶子结点的数据,以后的代码可以通过 tn.data 访问该数据
                             , "alert('叶子被点中!');" // 当叶子被点击时将调用的代码
                              );
tn.setClass("disabled"); //设置叶子的样式类名称


</script>
</TBODY>
</table>
<body>
</html>
⌨️ 快捷键说明

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