📄 树形结构示例v1.0.htm

📁 javascript编程的组件

💻 HTM

字号:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无限级树开菜单示例</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="阿信,树,无限级">
<meta name="Description" content="">
<link rel=stylesheet href="dtree.css" type="text/css">
<script language="javascript" src="dtree.js"></script>
<style>
body{
font-size:12px
}
a{
font-size:12px;
color:red;
text-decoration:none
}
a:hover:{
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<nobr>全部展开 <img src='image/expand.gif' onclick="a.expandAll(true)" align="absmiddle"> 全部关闭 <img src='image/collapse.gif' onclick="a.expandAll(false)" align="absmiddle"> <a href="dtree2.htm">带复选框功能树</a><br><br>
<div>
<script language="javascript">
var a=new dtree('a','_blank')
a.addFolder('CSDN论坛')
	a.addFolder('WEB开发')
		a.addFolder('JAVASCRIPT')
			a.addNode('无限级树型结构')
			a.addNode('兼容IE5.x,IE6,NS6,NS7')
		a.endFolder()
		a.addNode('HTML&CSS')
		a.addFolder('.NET')
			a.addNode('ASP.net')
			a.addNode('VC.net')
			a.addNode('C#')
		a.endFolder()
	a.endFolder()
a.addFolder('数据库开发')
	a.addNode('SQLSERVER2000')
a.endFolder()
a.addNode('VC/MFC')
a.endFolder()
a.addFolder('原作','http://fason.nease.net',true)
	a.addNode('FASON(阿信)','http://fason.nease.net')
a.endFolder()
a.init()
</script>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -