打印本文 打印本文 关闭窗口 关闭窗口
js“树”读取xml数据
作者:武汉SEO闵涛  文章来源:敏韬网  点击数1839  更新时间:2009/4/23 11:27:18  文章录入:mintao  责任编辑:mintao
else {
      borther.className = 'open';
      arrow.src = this.iconPath + this.iconOpen;
     }
     break;
    case 'mouseover':
     if (arrow.tagName == 'IMG' && borther.className == 'close') {
      arrow.src = this.iconPath + this.iconOver;
     }
     break;
    case 'mouseout':
     if (arrow.tagName == 'IMG' && borther.className == 'close') {
      arrow.src = this.iconPath + this.iconClose;
     }
     break;
   }
  }
 }
 return;
}
xmlTree.prototype.treeTips = function(msg) { //提示栏
 if (this.prevTip != null) clearTimeout(this.prevTip);
 var obj = document.getElementById('treeTip');
 if (obj != null) {
  if (this.treeTips.arguments.length < 1) { // hide
   obj.style.display = 'none';
  } else { // show
   obj.innerHTML = msg;
   this.prevTip = setTimeout('document.getElementById("treeTip").style.display = "block"',300);
   document.onmousemove = this.moveToMouseLoc;
  }
 }
 return;
}
xmlTree.prototype.moveToMouseLoc = function(e) { //移动到鼠标所在位置
 var obj = document.getElementById('treeTip');
 if (obj != null) {
  var offsetX = -10, offsetY = 20;
  var x = 0, y = 0;
  if (window.event) {
   x = event.x + document.body.scrollLeft;
   y = event.y + document.body.scrollTop;
  } else {
   x = e.pageX;
   y = e.pageY;
  }
  obj.style.left = x + offsetX + 'px';
  obj.style.top = y + offsetY + 'px';
 }
 return;
}

xml 数据:

<?xml version="1.0" encoding="utf-8"?>

<!--
CODE BY Lapuasi.com [2005-12-14]

Explain:
===================================================
node 为树的一个节点,具有以下属性和内容
 属性
  id: 编号,如果不唯一,只取第一个,其余被忽略 (必须, 可以是任意字符组合)
  parentid: 父编号,没有则为父节点 (可选, 可以是任意字符组合)
 内容
  name: 名称 (必须)
  link: 连接 (可选)
  target: 目标 (可选)
  icon: 图标 (可选)
  explain: 说明 (可选)
-->

<root>
 <node id="n1">
  <name>我的电脑</name>
  <icon>images/tree_icon_computer.gif</icon>
  <explain>显示连接到此计算机的驱动器和硬件</explain>
 </node>
 <node id="2" parentid="n1">
  <name>硬盘驱动器 (C:)</name>
  <icon>images/tree_icon_driver.gif</icon>
 </node>
 <node id="3">
  <name>网上邻居</name>
  <icon>images/tree_icon_net.gif</icon>
  <explain>显示到网站,网络计算机和FTP站点的快捷方式</explain>
 </node>
 <node id="4" parentid="n1">
  <name>硬盘驱动器 (D:)</name>
  <icon>images/tree_icon_driver.gif</icon>
 </node>
 <node id="5" parentid="2">
  <name>Windows</name>
 </node>
 <node id="6" parentid="3">
  <name>menu6</name>
 </node>
 <node id="7" parentid="3">
  <name>menu7</name>
 </node>
 <node id="8" parentid="3">
  <name>menu8</name>
 </node>
 <node id="9" parentid="7">
  <name>menu9</name>
 </node>
 <node id="10">
  <name>回收站</name>
  <icon>images/tree_icon_recycler.gif</icon>
  <explain>包含您已经删除的文件和文件夹</explain>
 </node>
 <node id="11" parentid="5">
  <name>system32</name>
 </node>
 <node id="12" parentid="11">
  <name>system.dll</name>
  <link>http://www.lapuasi.com</link>
  <target>_blank</target>
 </node>
 <node id="13" parentid="7">
  <name>menu13</name>
 </node>
 <node id="14" parentid="n1">
  <name>DVD 驱动器</name>
  <icon>images/tree_icon_cdrom.gif</icon>
 </node>
</root>

上一页  [1] [2] 

打印本文 打印本文 关闭窗口 关闭窗口