Javascript树-mztreeview资源-CSDN文库

共26个文件

gif：23个

js：1个

mht：1个

Javascript,JS,Tree,树,层级,lay

需积分: 10 70 浏览量 2008-10-25 22:24:03 上传评论收藏 31KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

mztreeview10.rar （26个子文件）

MzTreeView10

collection.gif 369B

P2.gif 163B

exit.gif 170B

M0.gif 159B

property.gif 132B

L2.gif 68B

book.gif 128B

P1.gif 166B

MzTreeView10.htm 6KB

P0.gif 163B

folderopen.gif 126B

M1.gif 163B

L3.gif 63B

MzTreeView10 开发文档.mht 42KB

P3.gif 159B

L4.gif 69B

M3.gif 156B

L0.gif 66B

MzTreeView10.js 22KB

M2.gif 159B

L1.gif 73B

L5.gif 58B

bookopen.gif 148B

root.gif 173B

file.gif 942B

folder.gif 170B

<html> <head> <script language=javascript>var t1 = new Date().getTime();</script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta content="F.R.Huang(meizz梅花雪)//www.meizz.com" name="author"> <script language="JavaScript" src="MzTreeView10.js"></script> <title>梅花雪中文网 - WEB版块管理界面</title> <style type="text/css"> body, td { font-family: 宋体; font-size: 12px; } A:LINK, A:VISITED, A:ACTIVE, A:HOVER { color: #800080; font-size: 13px; padding-left: 3px; TEXT-DECORATION: NONE; } </style> <SCRIPT LANGUAGE="JavaScript"> function getQuery(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } function getObjectById(id) { if (typeof(id) != "string" || id == "") return null; if (document.all) return document.all(id); if (document.getElementById) return document.getElementById(id); try {return eval(id);} catch(e){ return null;} } function reRun() { var url = "demo.htm"; url += "\?total="+ document.forms[0].total.value; url += "&childNodes="+ document.forms[0].childNodes.value; window.location.href = url; } window.onload = function() { getObjectById("focusId").value = tot-1; getObjectById("msgNode").innerHTML = "树的总节点数："+ tot +"<br>单节点下的子节点数："+ cns; getObjectById("TimeShow").innerHTML = "加载本页耗时 "+ (new Date().getTime()-t1) +" 毫秒"; } </SCRIPT> </head> <body> <h3>梅花雪ＷＥＢ脚本控件集 - MzTreeView 1.0 树 - 测试页面</h3> <form method="get" style="padding: 3; background-color: #B8D1F8; margin-bottom: 0"> <fieldset> <legend>输入树节点参数信息</legend> 树的总节点数：<input name="total" size='8' maxlength='8' value="1024"> 每节点的子节点数：<input name="childNodes" size='3' maxlength='3' value="10"> <input type="submit" value="确定"> </fieldset> </form> <table width="100%" border=0 cellspacing=3 bgcolor="#B8D1F8"> <tr> <td bgcolor=white valign=top> <div id=treeviewarea style="background-color: "></div> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </td><td width="230" valign=top> ·<u><a href="http://www.meizz.com/Web/Article.asp?id=436" target="_blank">使用说明</a></u><br> ·<u><a href="http://www.meizz.com/Web/Download/MzTreeView10.rar" target="_blank">下载 MzTreeVew V1.0</a></u><br><br> 聚焦到<input id=focusId size=5>节点<input type=button value="聚集" onclick="tree.focus(getObjectById('focusId').value)"><br> <input type=button value="父层节点←" onclick="tree.upperNode()"><input type=button value="子层节点→" onclick="tree.lowerNode()"><br> <input type=button value="上一节点↑" onclick="tree.pervNode()"><input type=button value="下一节点↓" onclick="tree.nextNode()"><br> <input type=button value=展开所有节点 onclick="tree.expandAll()"><br> <br><ul style="line-height: 14pt"> <li id=msgNode >1024 个节点的树！ <li id="TimeShow" style="color: #0000D0">在这里可以看到每个节点加载的耗时 <li id="TimeNode"> </ul></td> </tr> </table> </body> </html>