js“树”读取xml数据_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

js“树”读取xml数据

作者：闵涛文章来源：闵涛的学习笔记点击数：1386 更新时间：2009/4/23 11:27:18

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]

[网页制作]js“树”读取xml数据

教程录入：mintao 责任编辑：mintao

上一篇教程：歌词同步关键技术

下一篇教程： javascript验证给定的日期的合法性

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……