200分求救——谁能给我一个类似目录树形菜单的javascript的代码？？

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<Style Type="text/css">
.submit
{
border-style:solid;
border-width:1px;
border-color:#778899;
background-color: #FFFFFF;
height: 16px;
width: 12px;
}
.child
{
display: none;
padding-left:17px;
}
.item
{
color: #0000FF;
text-decoration: blink;
}
.text
{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #f8f8d0;
color: #FF00FF;
}
</style>
<script language=javascript>
var NS4=(document.layers)?true:false
window.status="|"
function expand(el)
{
var Obj = eval("el" + el + "Child")
var whichEl = (event) ? event.srcElement : false
var parent = eval("document.myForm.parent"+el)
if(!whichEl.name) whichEl = eval("document.all.img" + el)
if(Obj.style.display == "")
{
Obj.style.display = "block"
parent.value ="-"
window.focus()
}
else
{
Obj.style.display = ""
parent.value = "+"
window.focus()
}
if(event) window.event.cancelBubble = true
}</script></head><body topmargin=0 marginheight=0 leftmargin=0 marginwidth=0 bgcolor=#f8f8d0>
<form name=myForm action="" method="post">
<table width=100% height=100% border=0 cellpadding=0 cellspacing=0>
  <tr>
    <td height=100% valign=top class=l15>
        <div id=el1Parent class=parent>
          <table border=0 cellspacing=0>
            <tr>
              <td><INPUT class=submit onclick=expand(1);return(false) type=button value=+ name=parent1></td>
              <td><a href=# onclick=expand(1);return(false) class=item><B>东京港</B></a></td>
            </tr>
          </table>
        </div>
        <div id=el1Child class=child>

          <div id=el11Parent class=parent>
    <table border="0" cellspacing="0">
              <tr>
    <td><INPUT class=submit onclick=expand(11);return(false) type=button value=+ name=parent11></td>
    <td><a href=# onclick=expand(11);return(false) class=item>箱子1</a></td>
  </tr>
</table>
          </div>
          <div id=el11Child class=child>
item1<br/>
item2<br/>
            item3
          </div>

  <table border="0" cellspacing=0>
    <tr>
      <td><input disabled type="button" class=submit value=""></td>
      <td>箱子2</td>
    </tr>
            <tr>
              <td><input disabled type="button" class=submit value=""></td>
      <td>箱子3</td>
    </tr>
  </table>        </div>
        <div id=el2Parent class=parent>
          <table border=0 cellspacing="0">
            <tr>
              <td><INPUT class=submit onclick=expand(2);return(false) type=button value=+ name=parent2></td>
              <td><a href=# onclick=expand(2);return(false) class=item><b>大阪港</b></a></td>
            </tr>
          </table>
        </div>
        <div id=el2Child class=child>
  箱子1<br/>
          箱子2<br/>
          箱子3<br/>
        </div>
        <div id=el3Parent class=parent>
          <table border=0 cellspacing=0>
            <tr>
              <td><INPUT class=submit onclick=expand(3);return(false) type=button value=+ name=parent3></td>
              <td><a href=# onclick=expand(3);return(false) class=item><b>古小牧港</b></a></td>
            </tr>
          </table>
        </div>
        <div id=el3Child class=child>
  箱子1<br/>
          箱子2<br/>
          箱子3<br/>
        </div>
     </td>
  </tr>
</table>
</form></body></html>

<HTML>
<HEAD>
<title>IE-Menu</title><script LANGUAGE="JavaScript">

</script>
</HEAD><FRAMESET cols="200,*"  onLoad='initializeTree()'>
<FRAME src="basetree.htm" name="treeFrame">
<FRAME SRC="basefolder.htm" name="folderFrame">
</FRAMESET>
</HTML>

http://www.15seconds.com/issue/011113.htm
http://www.15seconds.com/demo/011113/TreeAdmin.html
http://www.ouzx.com

收藏了“阿信”写的程序，你下载回去看吧，很不错！
：-）http://www.jiangdu.net/download/deeptree.rar

http://www.njcatv.net/javascript有很多你要的！

下载一个webmenushop要做什么样的树形目录都可以

这个不错：
http://webfx.eae.net/dhtml/xtree/index.html

ydr2002,你的例子真不错！但是好像没看到源码呀：（

奇怪，為什么xtree用cookie寫的
而別的代碼都不是
誰能解釋一下嗎，謝過

to : ruir()
你的程序我试过了，可左边只是显示basetree.htm的内容，好像并不执行页面载入时的onload

<html>
<head>
<title>Untitled Document</title>
<Script Language="JavaScript">
//以下代码实现树
var strStyle='<style type="text/css">'
strStyle+='span.SelectIng{color:#ff00ff;border:solid 1pt #666666;padding:0.5pt;height:4px;background-color:#cccccc;}'
strStyle+='span.NoSelect{color:#000084;border:solid 1pt #ffffff;padding:0.5pt;height:4px;background-color:#ffffff;}'
strStyle+='span.SelectEd{color:#D02090;border:solid 1pt #888888;padding:0.5pt;height:4px;background-color:#f3f3f3;}'
strStyle+='</style>'
document.write(strStyle)var myRs=new Array(), selectItem;
function compare(a,b) {return parseInt(a[1]) - parseInt(b[1])}
function InsertItem(s){myRs[myRs.length++] = s.split(/,/);}function ExCloAll(n){
var d=document.all('0'), e=d.all.tags('div')
for (i=0;i<e.length;i++)e[i].style.display=(n==1?'block':'none')
e=d.all.tags('p')
for (i=0;i<e.length;i++){if(ChkExist(e[i].children[1].value))e[i].children[0].src=(n==1?'images/open.png':'images/close.png')}
}function ExCloItem(){
var c,e=event.srcElement, p=e.parentElement.children
if(e.myHref!=''){
    eval((e.myTarget!=''?e.myTarget:'parent.mainFrame')+'.location.href='+'e.myHref') //要改成?接到某?只需把alert改成eval即可
}
window.status=e.innerText;
if(selectItem!=null)selectItem.className='NoSelect';
e.className='SelectEd'
selectItem=event.srcElement;
if(c=document.all(e.value)){
p[0].src=(c.style.display=='none'?'images/open.png':'images/close.png')
c.style.display=(c.style.display=='none'?'block':'none')
}else{p[0].src='images/window.gif'}
}
function ExCloItem2(){
var c,e=event.srcElement, p=e.parentElement.children
if(c=document.all(p[1].value)){

  e.src=(c.style.display=='none'?'images/open.png':'images/close.png')
c.style.display=(c.style.display=='block'?'none':'block')
}else e.src='images/window.gif'
}function OutItem(){
var e=event.srcElement
if(selectItem != '')e.className=(selectItem==e?'SelectEd':'NoSelect')
else e.className='NoSelect'
}function ChkExist(n){
n=parseInt(n)
if((n<myRs[0][1])||(n>myRs[myRs.length-1][1]))return false
var a,b,c,x=0, y=parseInt(myRs.length/2), z=myRs.length-1
while((x!=y)&&(y!=z)){
a=myRs[x][1], b=myRs[y][1], c=myRs[z][1]
if(n==a||n==b||n==c)return true
if(n>b)x=y;
else z=y;y=parseInt(x+z);
y=parseInt((x+z)/2);
}
return false
}function drawTree(n){
if(n==0){
myRs.sort(compare)
document.write('<p style="font:10pt;cursor:hand;"><b><font color="#0099FF" size="2"><span onclick="ExCloAll(1)">展示全部模块</span><br><span onclick="ExCloAll(0)">关闭全部模块</span></font></b></p>')
}
if (ChkExist(n)!=true)return
document.write('<div id="'+n+'" style="font:10pt;cursor:hand;'+(n!=0?'position:relative;left:20;display:none;':'')+'">')
for(var i=0;i<myRs.length;i++){
//if (parseInt(myRs[i][1])>n)break;
if (myRs[i][1]==n){
document.write('<p style="margin:0pt;"><img src='+(ChkExist(myRs[i][0])?"images/close.png":"images/window.gif" )+' width="16" height="16" onclick="ExCloItem2()">')
document.write('<span onclick="ExCloItem()" myHref="'+(myRs[i].length>3?myRs[i][3]:'')+'" myTarget="' + (myRs[i].length>4?myRs[i][4]:'') +'" value="'+myRs[i][0]+'" class="NoSelect" onmouseout="OutItem()" onmouseover="this.className=\'SelectIng\'">'+myRs[i][2]+'</span></p>')
//if (myRs[i].length >3)document.write('</a>');
drawTree(myRs[i][0])
}
}
document.write('</div>')
}
InsertItem('1,0,生产计划,,');
InsertItem('2,0,库存管理,,');
InsertItem('3,0,生产操作费,,');
InsertItem('4,0,生产预警,,');
InsertItem('5,1,油产计划,,');
InsertItem('6,5,油产计划查询,oilplan.jsp,');
InsertItem('7,1,气产计划,,');
InsertItem('8,2,油库存查询,http://www.sina.com.cn,');
InsertItem('9,2,副产品库存,,');
InsertItem('10,9,LPG,LPG.jsp,');
InsertItem('11,9,戊烷,戊烷.jsp,');
InsertItem('12,9,轻烃,轻烃.jsp,');
InsertItem('13,7,干气,,');
InsertItem('14,13,干气查询,,');
InsertItem('15,14,查询例子集,,');
InsertItem('16,15,查询例子,example.jsp,');InsertItem('17,4,生产预警1,,');
InsertItem('18,3,搜狐,http://www.sohu.com,');
InsertItem('19,3,不同发布项目测试,http://olapsvr/Project1/test.jsp,');
drawTree(0)
</Script></head><body bgcolor="#FFFFFF" text="#000000"></body>
</html>

http://hshlin.8u8.com/code manager.rar
去下吧，asp+access，完美树结构

调试易

200分求救——谁能给我一个类似目录树形菜单的javascript的代码？？

解决方案 »