📄 tt.htm
字号:
<html>
<head>
<script language=javascript>var t1 = new Date().getTime();</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript" src="MzTreeView10.js"></script>
<title></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="+40;
url += "&childNodes="+ document.forms[0].childNodes.value;
window.location.href = url;
}
</SCRIPT>
</head>
<body>
<table width="100%" border=0 cellspacing=3 bgcolor="#FFFFFF">
<tr>
<td bgcolor=white valign=top>
<div id=treeviewarea style="background-color: "></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var tree = new MzTreeView("tree");
tree.setIconPath("./");
tree.nodes['-1_1'] ='text:Web动态网页设计';
tree.nodes['1_2'] ='text:第一章节;url:../Chapter1/1.htm;target:mainFrame';
tree.nodes['1_3'] = 'text:第二章节;url:../Chapter2/2.htm;target:mainFrame';
tree.nodes['1_4'] = 'text:第三章节;url:../Chapter3/3.htm;target:mainFrame';
tree.nodes['1_5'] ='text:第四章节;url:../Chapter4/4.htm;target:mainFrame';
tree.nodes['1_6'] = 'text:第五章节;url:../Chapter5/5.htm;target:mainFrame';
tree.nodes['1_7'] = 'text:第六章节;url:../Chapter6/6.htm;target:mainFrame';
tree.nodes['1_8'] = 'text:第七章节;url:../Chapter7/7.htm;target:mainFrame';
tree.nodes['1_9'] ='text:第八章节;url:../Chapter8/8.htm;target:mainFrame';
// tree.nodes['1_10'] = 'text:第九章节';
tree.nodes['1_10'] = 'text:第九章节;url:../Chapter9/9htm;target:mainFrame';
var tot =40; tot = !tot || isNaN(tot) ? 1024 : tot;
var cns = 5; cns = !cns || isNaN(cns) ? 10 : cns;
/* for (i=11; i<16; i++)
// tree.nodes[Math.floor(Math.random()*(tot/cns))+2 +"_"+ i] = 'text:小节'+i;
{tree.nodes[Math.floor(0)+2 +"_"+ i] = 'text:小节;url:n.htm'+(i-10);
tree.nodes[Math.floor(1)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(2)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(3)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(4)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(5)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(6)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(7)+2 +"_"+ i] = 'text:小节'+(i-10);
tree.nodes[Math.floor(8)+2 +"_"+ i] = 'text:小节'+(i-10);
}*/
tree.nodes[Math.floor(0)+2 +"_"+ 11] = 'text:1-1小节;url:../Chapter1/1_1.htm;target:mainFrame';
tree.nodes[Math.floor(0)+2 +"_"+ 12] = 'text:1-2小节;url:../Chapter1/1_2.htm;target:mainFrame';
tree.nodes[Math.floor(0)+2 +"_"+ 13] = 'text:1-3小节;url:../Chapter1/1_3.htm;target:mainFrame';
tree.nodes[Math.floor(0)+2 +"_"+ 14] = 'text:1-4小节;url:../Chapter1/1_4.htm;target:mainFrame';
tree.nodes[Math.floor(0)+2 +"_"+ 15] = 'text:1-5小节;url:../Chapter1/1_5.htm;target:mainFrame';
tree.nodes[Math.floor(1)+2 +"_"+ 11] = 'text:2-1小节;url:../Chapter2/2_1.htm;target:mainFrame';
tree.nodes[Math.floor(1)+2 +"_"+ 12] = 'text:2-2小节;url:../Chapter2/2_2.htm;target:mainFrame';
tree.nodes[Math.floor(1)+2 +"_"+ 13] = 'text:2-3小节;url:../Chapter2/2_3.htm;target:mainFrame';
tree.nodes[Math.floor(1)+2 +"_"+ 14] = 'text:2-4小节;url:../Chapter2/2_4.htm;target:mainFrame';
tree.nodes[Math.floor(1)+2 +"_"+ 15] = 'text:2-5小节;url:../Chapter2/2_5.htm;target:mainFrame';
tree.nodes[Math.floor(2)+2 +"_"+ 11] = 'text:3-1小节;url:../Chapter3/3_1.htm;target:mainFrame';
tree.nodes[Math.floor(2)+2 +"_"+ 12] = 'text:3-2小节;url:../Chapter3/3_2.htm;target:mainFrame';
tree.nodes[Math.floor(2)+2 +"_"+ 13] = 'text:3-3小节;url:../Chapter3/3_3.htm;target:mainFrame';
tree.nodes[Math.floor(2)+2 +"_"+ 14] = 'text:3-4小节;url:../Chapter3/3_4.htm;target:mainFrame';
tree.nodes[Math.floor(2)+2 +"_"+ 15] = 'text:3-5小节;url:../Chapter3/3_5.htm;target:mainFrame';
tree.nodes[Math.floor(3)+2 +"_"+ 11] = 'text:4-1小节;url:../Chapter4/4_1.htm;target:mainFrame';
tree.nodes[Math.floor(3)+2 +"_"+ 12] = 'text:4-2小节;url:../Chapter4/4_2.htm;target:mainFrame';
tree.nodes[Math.floor(3)+2 +"_"+ 13] = 'text:4-3小节;url:../Chapter4/4_3.htm;target:mainFrame';
tree.nodes[Math.floor(3)+2 +"_"+ 14] = 'text:4-4小节;url:../Chapter4/4_4.htm;target:mainFrame';
tree.nodes[Math.floor(3)+2 +"_"+ 15] = 'text:4-5小节;url:../Chapter4/4_5.htm;target:mainFrame';
tree.nodes[Math.floor(4)+2 +"_"+ 11] = 'text:小节;url:5_1.htm;target:mainFrame';
tree.nodes[Math.floor(4)+2 +"_"+ 12] = 'text:小节;url:5_2.htm;target:mainFrame';
tree.nodes[Math.floor(4)+2 +"_"+ 13] = 'text:小节;url:5_3.htm;target:mainFrame';
tree.nodes[Math.floor(4)+2 +"_"+ 14] = 'text:小节;url:5_4.htm;target:mainFrame';
tree.nodes[Math.floor(4)+2 +"_"+ 15] = 'text:小节;url:5_5.htm;target:mainFrame';
tree.nodes[Math.floor(5)+2 +"_"+ 11] = 'text:小节;url:6_1.htm;target:mainFrame';
tree.nodes[Math.floor(5)+2 +"_"+ 12] = 'text:小节;url:6_2.htm;target:mainFrame';
tree.nodes[Math.floor(5)+2 +"_"+ 13] = 'text:小节;url:6_3.htm;target:mainFrame';
tree.nodes[Math.floor(5)+2 +"_"+ 14] = 'text:小节;url:6_4.htm;target:mainFrame';
tree.nodes[Math.floor(5)+2 +"_"+ 15] = 'text:小节;url:6_5.htm;target:mainFrame';
document.getElementById('treeviewarea').innerHTML = tree.toString();
//下面这句代码就是一展开即聚焦到某一节点上的示例
setTimeout("tree.focus('3', true); tree.expand(tree.currentNode.id, true);",10);
if(typeof(Function.prototype.apply)!="function")
{
Function.prototype.apply = function(obj, argu){var s; if(obj){obj.constructor.prototype._caller=this; s = "obj._caller";} else s = "this"; var a=[]; for(var i=0; i<argu.length; i++) a[i] = "argu["+ i +"]"; return eval(s +"("+ a.join(",") +");");};
Function.prototype.call = function(obj){var a=[]; for(var i=1; i<arguments.length; i++) a[i-1]=arguments[i]; return this.apply(obj, a);};
}
tree.buildNode = function(id)
{
var d = new Date().getTime();
MzTreeView.prototype.buildNode.call(this, id);
try{
getObjectById("TimeNode").innerHTML = "<u><b>"+ this.node[id].text +"</b></u> 有 "+
this.node[id].childNodes.length +" 个子节点<br>加载耗时："+ (new Date().getTime()-d) +" 毫秒！";
}catch(e){}
}
tree.expandAll = function()
{
var d = new Date().getTime();
MzTreeView.prototype.expandAll.call(this);
alert("全部展开耗时 = "+ (new Date().getTime()-d) +
" 毫秒！\r\n有效节点总数 = "+ (this.index+1));
}
//-->
</SCRIPT>
</tr>
</table>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -