船长 发表于 2009-03-07 10:47 | 分类:javascript | 阅读数:7,466 次
无限级可刷新Js树型菜单,很朴实的风格,运行代码查看效果吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>无限级可刷新Js树型菜单</title> <meta name="robots" content="无限级可刷新Js树型菜单" /> <meta name="description" content="无限级可刷新Js树型菜单" /> <link rel="StyleSheet" href="http://www.songlecn.com/wp-content/supload/2009/03/07/dtree.css" type="text/css" /> <script type="text/javascript" src="http://www.songlecn.com/wp-content/supload/2009/03/07/dtree.js"></script> </head> <body> <h1>无限级可刷新Js树型菜单</h1> <h2>Example</h2> <div style="color:red;">如果看不到,请再次刷新页面</div> <div class="dtree"> <p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p> <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> </div> </body> </html>
提示:你可以先修改部分代码再运行。
你很大方啊!你不仅技术好,人品也很好,谢谢你了,我现在虽然看不太懂,不过我相信自己,谢谢了!祝好人一生平安!!
谢谢你奥
我还下载了当中的js和css文件才可以用
您的网名: * 必填
电子邮件: * 绝不会泄露
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于
你很大方啊!你不仅技术好,人品也很好,谢谢你了,我现在虽然看不太懂,不过我相信自己,谢谢了!祝好人一生平安!!
谢谢你奥
我还下载了当中的js和css文件才可以用
谢谢你奥