原创实用无限级js梅花树目录资源-CSDN文库

共10个文件

jpg：7个

html：1个

css：1个

5星 · 超过95%的资源需积分: 9 103 浏览量 2010-08-15 16:14:51 上传评论收藏 10KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

原创实用无限级js梅花树目录.rar （10个子文件）

原创实用无限级js梅花树目录

treedemo.html 3KB

css

tree.css 2KB

images

ugyn_tree_16.jpg 808B

ugyn_tree_03a.jpg 747B

ugyn_tree_13.jpg 674B

ugyn_tree_06.jpg 375B

ugyn_tree_16a.jpg 842B

ugyn_tree_09.jpg 869B

ugyn_tree_11.jpg 689B

tree.js 5KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原创实用无限级js梅花目录树演示</title>  <script type="text/javascript" src="js/tree.js"></script> <link href="css/tree.css" rel="stylesheet" type="text/css" /> </head> <body>  <div id="test"></div> </body> <script type="text/javascript"> //创建节点数组，每个元素为一个节点信息数组，分别为节点名称，父节点名称（该名称必须为noparent或已经存在的节点的名称，否则无法显示），链接地址（当节点包含子节点时会被忽略，此时建议设为#） //请勿在没有子节点的节点中使用#parent作为链接地址值，否则会被当成包含子节点的节点处理！！ var aNode = new Array( new Array('节点一','noparent','#'), new Array('节点二','节点一','http://210.43.192.5'), new Array('节点三','noparent','#'), new Array('节点四','节点三','http://wwwedu.csust.edu.cn/pub/hhxy/'), new Array('节点五','节点三','http://www.qq.com'),//对包含了子节点的节点，即使设置了url也是无效的 new Array('节点十五','节点五','http://210.43.192.5'), new Array('节点十六','节点五','http://210.43.192.5'), new Array('节点十七','节点十六','http://210.43.192.5'), new Array('节点六','noparent','#'), new Array('节点七','节点六','http://csdn.net'), new Array('节点八','节点六','http://www.hao123.com'), new Array('节点九','节点六','http://g.cn'), new Array('节点十八','节点九','http://g.cn'), new Array('节点十九','节点十八','http://g.cn'), new Array('节点二十','节点十八','http://g.cn'), new Array('节点二十一','节点二十','http://g.cn'), new Array('节点二十一','节点十八','http://g.cn'), new Array('节点十','节点六','http://www.skycn.com'), new Array('节点十一','节点六','http://210.43.192.5'), new Array('节点十二','节点六','#'), new Array('节点十三','节点十二','http://wwwedu.csust.edu.cn/pub/xww/'), new Array('节点十四','节点十二','http://wwwedu.csust.edu.cn/pub/hhxy/'), new Array('能看到我吗？','不存在的父节点','http://wwwedu.csust.edu.cn/pub/hhxy/')//因为父节点不在数组中，因此你将看不到这个节点 ); //页面加载完全后使fCreateTree自动运行，需要传递所需的参数！！ //函数原型为fCreateTree(sId, aNode,sTarget); //参数说明：1.sId:用来包含目录树的节点的id，如本例中的test；2.aNode:节点数组；3.sTarget:目录树中链接打开时的目标窗口，如_blank。 window.onload = function() { fCreateTree("test", aNode, "_blank"); } </script> </html>

评论收藏

内容反馈