特点:
1、无限级节点。
2、直接产生html代码,容易修改。
3、目录清楚,类似于资源管理器,(csdn论坛的,层数多了就不容易分清楚层次了)。
4、记忆节点状态,人性化。
5、完全JS程序控制,不依赖服务器平台,数据可以由任意平台生成(asp,php,jsp,cf 等)。
演示:
http://www.yemaweb.com/demo/tree/forall1.0/
下载:
http://www.yemaweb.com/demo/tree/yematreeforAll1.0.rar
核心代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>=========目录树 for ALL 1.0 =========</title>
<link href="menu.css" rel="stylesheet" type="text/css">
<script src="menu.js" type="text/javascript"></script>
</head>
<body onLoad="initialize()">
<!--
/******************************************************************************
*程序名称:目录树 for ALL
*程序功能:完全基于Javascript的动态树形目录
*涉及函数:menu ;itemExists ; chengstate ; setupcookie ; initialize ; objExists ; saveCookie ; getCookie ; checkCookieExist ; deleteCookie
*函数意义:
menu :生成树代码 ;
itemExists :判断是否有childer;
chengstate :切换节点状态(open/close);
setupcookie :将节点状态存入Cookie ;
initialize :初始化节点状态(读取Cookie);
objExists :验证对象是否存在 ;
saveCookie :执行保存Cookie ;
getCookie :执行读取Cookie ;
checkCookieExist :验证Cookie是否存在 ;
deleteCookie :删除Cookie ;
*作 者:于恩水
*联系方式:
QQ: 46163020
msn: yuenshui@hotmail.com
Email: woaini4651@yahoo.com.cn
支持网站: www.yemaweb.com
如有问题,请与作者联系!!!
*制作日期:2004年7月14日
*修改次数:1
*最后修改:2004年7月14日
*备 注:此程序为免费使用的代码,可以由任何人用作任何合法的用途。
对于代码所造成的任何损失,作者不负任何责任。
在使用过程中不能修改和删除此注释信息,否则将追究侵犯版权的法律责任。
如果侵犯版权将被以法律允许的最大限度的起诉。
********************************************** 一下为修改 版本修改信息
*******************************************************************************/-->
=========无限级目录树 支持多平台 完全JavaScript版=========<br>
<script language="javascript">
var yematree = new Array();
yematree[0] = new Array("1","0","技术文档","http://www.yemaweb.com");
yematree[1] = new Array("2","0","情感世界","http://www.yemaweb.com");
yematree[2] = new Array("3","0","未来之窗","http://www.yemaweb.com");
yematree[3] = new Array("4","1","编程语言","http://www.yemaweb.com");
yematree[4] = new Array("5","1","服务器","http://www.yemaweb.com");
yematree[5] = new Array("6","1","代码共享","http://www.yemaweb.com");
yematree[6] = new Array("7","2","那年我18","http://www.yemaweb.com");
yematree[7] = new Array("8","4","Java","http://www.yemaweb.com");
yematree[8] = new Array("9","2","不要再给我温柔","http://www.yemaweb.com");
yematree[9] = new Array("10","3","未来技术","http://www.yemaweb.com");
yematree[10] = new Array("11","4","VC++","http://www.yemaweb.com");
yematree[11] = new Array("12","3","科幻世界","http://www.yemaweb.com");
yematree[12] = new Array("13","4","VB","http://www.yemaweb.com");
yematree[13] = new Array("14","4","C#","http://www.yemaweb.com");
document.write(menu(yematree,0));
</script>
</body>
</html>
发表于 @ 2004年07月14日 08:59:00|评论(loading...)