文件:example01.html 、说明文档、 js 、 images 、 和img目录
打开example01.html文件
<link rel="StyleSheet" href="css/dtree.css" type="text/css" />
<script type="text/javascript" src="js/dtree.js"></script>
必须引用的两个文件。
生成树 节点的代码:
<script type="text/javascript">
<!--
d = new dTree(’d’);//创建一个树对象
d.add(0,-1,’My example tree’); //创建一个树对象
d.add(1,0,’Node 1’,’example01.html’);
d.add(2,0,’Node 2’,’example01.html’);
d.add(3,1,’Node 1.1’,’example01.html’);
d.add(4,0,’Node 3’,’example01.html’);
d.add(5,3,’Node 1.1.1’,’example01.html’);
d.add(6,5,’Node 1.1.1.1’,’example01.html’);
d.add(7,0,’Node 4’,’example01.html’);
d.add(8,1,’Node 1.2’,’example01.html’);
d.add(9,0,’My Pictures’,’example01.html’,’Pictures I\’ve taken over the years’,’’,’’,’img/imgfolder.gif’);
d.add(10,9,’The trip to Iceland’,’example01.html’,’Pictures of Gullfoss and Geysir’);
d.add(11,9,’Mom\’s birthday’,’example01.html’);
d.add(12,0,’Recycle Bin’,’example01.html’,’’,’’,’img/trash.gif’);
document.write(d);
//-->
</script>
d.add(0,-1,’My example tree’);
这一句为树添加了一个根节点,显示名称为’My example tree’ d.add(1,0,’Node 1’,’example01.html’);
这一句在树的根节点下面添加了一个子节点。(d.add()方法的参数具体含义可参见api.html文件)
常用的:
第一个参数,表示当前节点的ID
第二个参数,表示当前节点的父节点的ID,根节点的值为 -1
第三个参数,节点要显示的文字
第四个参数,节点的Url
第五个参数,鼠标移至该节点时节点的Title
第六个参数,节点的target
第七个参数,用做节点的图标,节点没有指定图标时使用默认值
第八个参数,用做节点打开的图标,节点没有指定图标时使用默认值
第九个参数,判断节点是否打开
使用实例大家可参照 www.amyou.cn 的树型菜单
附 rlog翻译:
属性菜单使用说明
函数
add()
向树里添加一个节点
只能在树被创建之前调用.
必须 id, pid, name
参数
名字 类型 描述
id Number 唯一的ID号
pid Number 判定父节点的数字,根节点的值为 -1
name String 节点的文本标签
url String 节点的Url
title String 节点的Title
target String 节点的target
icon String 用做节点的图标,节点没有指定图标时使用默认值
iconOpen String 用做节点打开的图标,节点没有指定图标时使用默认值
open Boolean 判断节点是否打开
例子
mytree.add(1, 0, ’My node’, ’node.html’, ’node title’, ’mainframe’, ’img/musicfolder.gif’);
openAll()
打开所有节点
可在树被创建以前或以后调用.
例子
mytree.openAll();
closeAll()
关闭所有节点
可在树被创建以前或以后调用.
例子
mytree.closeAll();
openTo()
Opens the tree to a certain node and can also select the node.
只能在树被创建以后调用..
参数
名字 类型 描述
id Number 节点唯一的ID号
select Boolean 判断节点是否被选择
例子
mytree.openTo(4, true);
配置
变量 类型 默认值 描述
target String true 所有节点的target
folderLinks Boolean true 文件夹可链接
useSelection Boolean true 节点可被选择(高亮)
useCookies Boolean true 树可以使用cookies记住状态
useLines Boolean true 创建带线的树
useIcons Boolean true 创建带有图标的树
useStatusText Boolean false 用节点名替代显示在状态栏的节点url
closeSameLevel Boolean false 只有一个有父级的节点可以被展开,当这个函数可用时openAll() 和 closeAll() 函数将不可用
inOrder Boolean false 如果父级节点总是添加在子级节点之前,使用这个参数可以加速菜单显示.
例子
mytree.config.target = "mytarget";
没有合适的资源?快使用搜索试试~ 我知道了~
js生成的树形菜单。。
共94个文件
svn-base:40个
jpg:27个
gif:20个
需积分: 9 4 下载量 169 浏览量
2011-05-26
17:58:15
上传
评论
收藏 282KB RAR 举报
温馨提示
有不懂的可以加QQ联系。568151875
资源详情
资源评论
资源推荐
收起资源包目录
树形菜单.rar (94个子文件)
树形菜单
img
nolines_plus.gif 870B
plusbottom.gif 88B
plus.gif 89B
empty.gif 62B
line.gif 66B
imgfolder.gif 622B
joinbottom.gif 66B
trash.gif 1KB
.svn
entries 3KB
text-base
minus.gif.svn-base 86B
folder.gif.svn-base 372B
empty.gif.svn-base 62B
base.gif.svn-base 1KB
nolines_minus.gif.svn-base 861B
nolines_plus.gif.svn-base 870B
imgfolder.gif.svn-base 622B
join.gif.svn-base 69B
plus.gif.svn-base 89B
joinbottom.gif.svn-base 66B
minusbottom.gif.svn-base 85B
cd.gif.svn-base 239B
line.gif.svn-base 66B
question.gif.svn-base 1KB
folderopen.gif.svn-base 376B
page.gif.svn-base 582B
plusbottom.gif.svn-base 88B
musicfolder.gif.svn-base 633B
globe.gif.svn-base 1KB
trash.gif.svn-base 1KB
format 2B
prop-base
minus.gif.svn-base 53B
folder.gif.svn-base 53B
empty.gif.svn-base 53B
base.gif.svn-base 53B
nolines_minus.gif.svn-base 53B
nolines_plus.gif.svn-base 53B
imgfolder.gif.svn-base 53B
join.gif.svn-base 53B
plus.gif.svn-base 53B
joinbottom.gif.svn-base 53B
minusbottom.gif.svn-base 53B
cd.gif.svn-base 53B
line.gif.svn-base 53B
question.gif.svn-base 53B
folderopen.gif.svn-base 53B
page.gif.svn-base 53B
plusbottom.gif.svn-base 53B
musicfolder.gif.svn-base 53B
globe.gif.svn-base 53B
trash.gif.svn-base 53B
folderopen.gif 376B
globe.gif 1KB
minus.gif 86B
minusbottom.gif 85B
base.gif 1KB
musicfolder.gif 633B
join.gif 69B
question.gif 1KB
nolines_minus.gif 861B
page.gif 582B
cd.gif 239B
folder.gif 372B
images
条形码2.jpg 4KB
区域统计分析.jpg 21KB
删除.jpg 823B
图片3.jpg 10KB
年报表.jpg 20KB
红茄子.jpg 2KB
加号.jpg 806B
条形码4.jpg 4KB
产品销售情况.jpg 24KB
编辑.jpg 837B
产品销售统计.jpg 19KB
上.jpg 791B
条形码3.jpg 5KB
图片1.jpg 12KB
代理销售业绩统计分析.jpg 27KB
下载.jpg 724B
客户发展统计分析.jpg 21KB
快递收费统计.jpg 17KB
订单汇总统计.jpg 17KB
下.jpg 764B
代理商介绍.jpg 42KB
条形码1.jpg 10KB
对号.jpg 811B
减号.jpg 781B
操作.jpg 1002B
市场人员业务统计分析.jpg 24KB
图片2.jpg 9KB
js
calendar.js 15KB
dtree.css 794B
dtree.js 12KB
说明.txt 4KB
example01.html 1KB
共 94 条
- 1
house802
- 粉丝: 10
- 资源: 17
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0