<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<script src="alai_win_xp.js"></script>
<script src="alai_tree.js"></script>
<title>阿赖的目录树控件应用示例一</title>
</head>
<body>
<font style="font-size:14pt;font-weight:bold;">阿赖的目录树控件应用示例</font>
<hr>
<div nowrap="true" id="divTree1"></div>
<hr>
<p align="center">copywrite by 赖国欣 2003/6 All right reserved</p>
<p align="center">Email: <a href="mailto:a@lai.com.cn">a@lai.com.cn</a> website:
<a href="http://www.9499.net">http://www.9499.net</a> </p>
<script>
/***************************************
阿赖目录树控件应用示例
*******************************************/
//建立ImageList控件,并添加相关图标
var icons=new alai_imagelist()
icons.path="images/"
icons.type="gif"
icons.add("images/fold2k.gif","default")
icons.add("plus.gif","expand")
icons.add("minus","collapse")
icons.add("html","link")
icons.add("star")
icons.add("face")
icons.add("angry")
/*开始构建目录树*/
var tree1=new alai_tree(icons,18,divTree1)
/********************************************
以下代码演示灵活地使用各种添加目录节点的方法
*********************************************/
var root=tree1.root
var n1=root.add("9499.NET视听在线")
n11=n1.add("电影")
n11.add("剧情片")
n11.add("恐怖片")
n11.add("动作片")
tree1.add(n11,"last","连续剧") //这个置后
tree1.add(n11,"first","卡通片")//这个置前
n12=n1.add("电视直播")
n12=n1.add("网络电台")
n13=tree1.add(n11,"prev","歌曲") //歌曲目录置于电影之前
n13.add("港台流行")
n13.add("大陆经典")
n13.add("日韩歌曲")
n13.add("欧美音乐")
n14=n1.add("MIDI音乐")
n15=n1.add("FLASH动画")
var n2=root.add("个人网址书藏夹","star")
n2.addLink("http://www.csdn.net")
n2.addLink("http://www.msdn.com")
n2.addLink("http://www.google.com","google")
n2.addLink("http://www.baidu.com","百度")
n21=tree1.add(n2,"first","9499.NET","net9499","star","url:_blank","http://www.9499.net")
//tree1.nodes["net9499"]与n21等效
tree1.nodes["net9499"].addLink("http://www.9499.net","首页")
n21.addLink("http://www.9499.net?go=ly","访客留言")
n21.addLink("http://www.9499.net/?pid=8D8HU","真情点播")
n21.addLink("http://www.9499.net?go=2001","9499.NET 2001版")
var n3=root.add("查看程序代码","angry","js","winCode.show();")
var n3=root.add("查看HTML源代码","face","js","if(self.location.href.indexOf('::')!=-1)alert('CHM帮助查看源代码方法:点鼠标右键打开右键菜单,选择查看源项');else self.location='view-source:'+self.location")
/*在新窗口中打开目录树的链接*/
tree1.target="_blank"
/*收缩目录树*/
tree1.expandToTier(2)
/*简单的目录树事件处理*/
tree1.onmouseover=function(node)
{
node.label.style.textDecoration="underline"
}
tree1.onmouseout=function(node)
{
node.label.style.textDecoration="none"
}
tree1.onblur=tree1.onfocus=function(node)
{
if(node.icon.src==icons.item["face"].src)node.icon.src=icons.item["angry"].src;
else if(node.icon.src==icons.item["angry"].src)node.icon.src=icons.item["face"].src;
return true;
}
/*程序代码浏览窗口*/
var script=document.getElementsByTagName("SCRIPT")
var sCode=script[2].innerHTML
sCode=sCode.replace(/</g,"<").replace(/>/g,">")
sCode=sCode.replace(/([A-Za-z0-9><_\)\(\]\[\}\{\. \$/;=\+\?"&:-]{2,})/g,"<font color='green'>$1</font>");
sCode=sCode.replace(/\t/g," ")
sCode=sCode.replace(/(\/\*)/g,"<font color='maroon'>$1")
sCode=sCode.replace(/(\*\/)/g,"$1</font>")
sCode=sCode.replace(/\n/g,"<br>")
winCode=new alai_win_xp(sCode,"程序代码浏览窗口",600,500,45,100)
winCode.addButton("隐藏","hide")
winCode.content.style.cssText="text-align:left;color:darkblue;background-color:#dddddd"
//winCode.show()
//tree1.onkeyup=function(){alert(event.keyCode)}
/* The End */
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
树型的经典例子---以后不用愁写不出树啦..
共249个文件
gif:134个
bmp:85个
js:16个
需积分: 10 7 下载量 11 浏览量
2008-09-08
13:53:40
上传
评论
收藏 514KB RAR 举报
温馨提示
树型的经典例子---以后不用愁写不出树啦..
资源推荐
资源详情
资源评论
收起资源包目录
树型的经典例子---以后不用愁写不出树啦.. (249个子文件)
tree_load.asp 2KB
treeTest.html.bak 2KB
alai_tree_pretty.js.bak 1KB
alai_tree_check.js.bak 1KB
83-1.bmp 632B
76-1.bmp 632B
79-1.bmp 632B
20-1.bmp 632B
19-1.bmp 632B
57-1.bmp 632B
50-1.bmp 632B
9-1.bmp 632B
78-1.bmp 632B
52-1.bmp 632B
8-1.bmp 632B
45-1.bmp 632B
18-1.bmp 632B
41-1.bmp 632B
81-1.bmp 632B
60-1.bmp 632B
63-1.bmp 632B
4-1.bmp 632B
42-1.bmp 632B
75-1.bmp 632B
33-1.bmp 632B
72-1.bmp 628B
30-1.bmp 628B
16-1.bmp 628B
21-1.bmp 628B
2-1.bmp 628B
37-1.bmp 628B
82-1.bmp 628B
15-1.bmp 628B
55-1.bmp 628B
77-1.bmp 624B
68-1.bmp 624B
14-1.bmp 624B
6-1.bmp 624B
10-1.bmp 624B
44-1.bmp 624B
58-1.bmp 624B
1-1.bmp 624B
70-1.bmp 620B
12-1.bmp 620B
29-1.bmp 616B
25-1.bmp 616B
28-1.bmp 616B
51-1.bmp 612B
84-1.bmp 612B
59-1.bmp 612B
54-1.bmp 612B
38-1.bmp 608B
62-1.bmp 608B
61-1.bmp 608B
5-1.bmp 608B
66-1.bmp 608B
74-1.bmp 608B
36-1.bmp 608B
69-1.bmp 604B
47-1.bmp 604B
67-1.bmp 604B
7-1.bmp 604B
24-1.bmp 604B
40-1.bmp 600B
56-1.bmp 600B
32-1.bmp 600B
49-1.bmp 600B
85-1.bmp 600B
3-1.bmp 600B
53-1.bmp 600B
64-1.bmp 600B
34-1.bmp 600B
17-1.bmp 600B
48-1.bmp 600B
80-1.bmp 600B
73-1.bmp 600B
23-1.bmp 596B
26-1.bmp 596B
11-1.bmp 596B
65-1.bmp 592B
35-1.bmp 592B
22-1.bmp 592B
71-1.bmp 592B
13-1.bmp 588B
46-1.bmp 588B
27-1.bmp 588B
43-1.bmp 588B
31-1.bmp 584B
39-1.bmp 584B
AlaiWebControl.chm 207KB
Thumbs.db 114KB
Thumbs.db 71KB
win_right.gif 2KB
win_left.gif 2KB
me.gif 2KB
dou.gif 2KB
server.gif 1KB
eye.gif 1KB
pc.gif 1KB
timer.gif 1KB
共 249 条
- 1
- 2
- 3
资源评论
佑沐儿
- 粉丝: 2
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功