天天看点

JavaScript实现树形目录式菜单

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

function  TreeMenu(node,id)

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

... {

JavaScript实现树形目录式菜单

 var sibling = document.getElementById(id);

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

 if (sibling.style.display == 'none')

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

 ...{

JavaScript实现树形目录式菜单

  if (node.childNodes.length > 0)

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

  ...{

JavaScript实现树形目录式菜单

   if (node.childNodes[0].tagName == "IMG")

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

   ...{

JavaScript实现树形目录式菜单

    node.childNodes[0].src = "minus.gif"; //替换为展开时的图片

JavaScript实现树形目录式菜单

   }

JavaScript实现树形目录式菜单

  }

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

  sibling.style.display = '';

JavaScript实现树形目录式菜单

 }

JavaScript实现树形目录式菜单

 else

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

 ...{

JavaScript实现树形目录式菜单

  if (node.childNodes.length > 0)

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

  ...{

JavaScript实现树形目录式菜单

   if (node.childNodes[0].tagName == "IMG")

JavaScript实现树形目录式菜单
JavaScript实现树形目录式菜单

   ...{

JavaScript实现树形目录式菜单

    node.childNodes[0].src = "plus.gif";  //替换为收起时的图片

JavaScript实现树形目录式菜单

   }

JavaScript实现树形目录式菜单

  }

JavaScript实现树形目录式菜单

  sibling.style.display = 'none';

JavaScript实现树形目录式菜单

 }

JavaScript实现树形目录式菜单

}

JavaScript实现树形目录式菜单

继续阅读