野马的专栏

爱生活,爱朋友,爱自己

原创 无限级目录树+记忆节点状态(完全JavaScript版) 收藏

特点:
    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...)

新一篇: 共享 将汉字转为拼音的类 | 旧一篇: 无限级目录树+记忆节点状态(PHP+mysql)

用户操作
[即时聊天] [发私信] [加为好友]
野马
订阅我的博客
XML聚合  FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
野马的公告
希望来到这里的都能成为我的朋友!!
文章分类
收藏
    野马网站
    野马在线
    存档
    软件项目交易
    Csdn Blog version 3.1a
    Copyright © 野马