tree.js

是数据一次性加载

//************全局变量************

//目录图片的路径
var imgC='images/c.gif';     //折叠'+'的图片
var imgE='images/e.gif';     //展开'-'的图片
var imgFC='images/fc.gif';   //文件夹折叠的图片
var imgFE='images/fe.gif';   //文件夹展开的图片
var imgI='images/i.gif';     //文件条目的图片
var imgN='images/n.gif';     //空位图片

//*********************************


//改变折叠或展开的图片
function changeImg(thisShellID){

  var thisDivID='div'+thisShellID.split('shell')[1];  //当前目录的<div>的id

  //实现交替改变折叠或展开的图片，如果折叠则打开，如果已经展开则折叠
  if(document.all[thisDivID+'img1'].src.indexOf(imgC)!=-1){
    document.all[thisDivID+'img1'].src=imgE;
  }
  else{
    document.all[thisDivID+'img1'].src=imgC;
  }
  if(document.all[thisDivID+'img2'].src.indexOf(imgFC)!=-1){
    document.all[thisDivID+'img2'].src=imgFE;
  }
  else{
    document.all[thisDivID+'img2'].src=imgFC;
  }
}

//显示或隐藏子目录
function showChild(thisShellID){
  var childrenSpanID='span'+thisShellID.split('shell')[1];  //当前目录的<span id=shell...>的id

  //交替折叠或展开文件夹，如果折叠则打开，如果已经展开则折叠
  if(document.all[childrenSpanID].style.display=='none'){
    document.all[childrenSpanID].style.display='';
  }
  else{
    document.all[childrenSpanID].style.display='none';
  }

  changeImg(thisShellID);
}

//其他额外的动作，可以任意自定义
function selectDir(thisShellID){  
}