您的位置:寻梦网首页编程乐园JavaScript用JavaScript生成树结构
第 1 集 第 2 集 第 3 集 第 4 集 第 5 集

用JavaScript生成树结构 第 4 集

function ClickND() //展开、收回函数
{
var m1,m2,index;
var src=window.event.srcElement;
var tag=document.all("t"+src.id);
na[eval(src.id)].display=!na[eval(src.id)].display;
if(na[eval(src.id)].display)
{
index=src.src.indexOf("plus",0);
if(index>0)
{
m1=src.src.substring(0,index);
m2=src.src.substring(index+4,src.src.length);
src.src=m1+"minu"+m2;
}
tag.style.display="";
}else{
index=src.src.indexOf("minu",0);
if(index>0)
{
m1=src.src.substring(0,index);
m2=src.src.substring(index+4,src.src.length);
src.src=m1+"plus"+m2;
}
tag.style.display="none";
}
}
function ClickNode() //切换文件夹焦点
{
var src=window.event.srcElement;
var tid=eval(src.id.substring(1,src.id.length));
if(na[tid]!=curfocus)
{
if(curfocus.id>0)document.all("n"+curfocus.id).src=curfocus.imgclsm;
curfocus=na[tid];
if(curfocus.id>0)src.src=curfocus.imgopsm;
}
}
function InitTree() //初始化树,在这里定义树结构
{
var i;
rootname="我的树";
root=new NODE(rootname);
root.imgclsm=gif+"rootsm.gif";
var node;
node=new NODE("电脑爱好者网站");
node.imgclsm=gif+"close.gif";
node.imgopsm=gif+"open.gif";
node.link="http://www.cfan.cn.net/"
node.target="_blank";
root.child.Add(node);
node=new NODE("文件夹");
node.imgclsm=gif+"close.gif";
node.imgopsm=gif+"open.gif";
root.child.Add(node);
for(i=2;i<5;i++)
{
node=new NODE("文件夹"+i);
node.imgclsm=gif+"close.gif";
node.imgopsm=gif+"open.gif";
root.child[1].child.Add(node);
}
root.child[1].child[1].display=false;
for(i=5;i<10;i++)
{
node=new NODE("文件夹"+i);
node.imgclsm=gif+"close.gif";
node.imgopsm=gif+"open.gif";
root.child[1].child[1].child.Add(node);
}
curfocus=root;
}
//-->

(作者:jincoo  来源:奥索)

第 1 集 第 2 集 第 3 集 第 4 集 第 5 集