<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>
树型的经典例子---以后不用愁写不出树啦..
需积分: 10 8 浏览量
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
76-1.bmp 632B 18-1.bmp 632B 20-1.bmp 632B 45-1.bmp 632B 9-1.bmp 632B 19-1.bmp 632B 75-1.bmp 632B 63-1.bmp 632B 33-1.bmp 632B 81-1.bmp 632B 60-1.bmp 632B 4-1.bmp 632B 78-1.bmp 632B 50-1.bmp 632B 52-1.bmp 632B 8-1.bmp 632B 41-1.bmp 632B 79-1.bmp 632B 42-1.bmp 632B 83-1.bmp 632B 57-1.bmp 632B 82-1.bmp 628B 21-1.bmp 628B 30-1.bmp 628B 37-1.bmp 628B 55-1.bmp 628B 16-1.bmp 628B 2-1.bmp 628B 15-1.bmp 628B 72-1.bmp 628B 68-1.bmp 624B 58-1.bmp 624B 6-1.bmp 624B 77-1.bmp 624B 44-1.bmp 624B 14-1.bmp 624B 10-1.bmp 624B 1-1.bmp 624B 12-1.bmp 620B 70-1.bmp 620B 25-1.bmp 616B 28-1.bmp 616B 29-1.bmp 616B 59-1.bmp 612B 54-1.bmp 612B 51-1.bmp 612B 84-1.bmp 612B 62-1.bmp 608B 66-1.bmp 608B 61-1.bmp 608B 74-1.bmp 608B 38-1.bmp 608B 36-1.bmp 608B 5-1.bmp 608B 24-1.bmp 604B 69-1.bmp 604B 47-1.bmp 604B 67-1.bmp 604B 7-1.bmp 604B 3-1.bmp 600B 64-1.bmp 600B 32-1.bmp 600B 34-1.bmp 600B 85-1.bmp 600B 53-1.bmp 600B 80-1.bmp 600B 56-1.bmp 600B 73-1.bmp 600B 40-1.bmp 600B 49-1.bmp 600B 17-1.bmp 600B 48-1.bmp 600B 23-1.bmp 596B 26-1.bmp 596B 11-1.bmp 596B 35-1.bmp 592B 71-1.bmp 592B 65-1.bmp 592B 22-1.bmp 592B 43-1.bmp 588B 46-1.bmp 588B 13-1.bmp 588B 27-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
