关于目录树自动展开问题？？

<HTML>
<HEAD>
<link rel=stylesheet href="../tool/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE></TITLE><SCRIPT LANGUAGE=javascript>
function Bcolor(){
var obj=document.all.tags("font");
for (i=0;i<obj.length;i++){
obj[i].style.color='black';
}
}
function limg_onclick(li,d,limg)
{
if (d.style.display=="none")
{
d.style.display=="block"
limg.src="../image/tree.gif"
}
else
{
d.style.display="none"
limg.src="../image/tree.gif"
}
window.event.cancelBubble=true
}function li_onclick(li,d,limg,pat)
{ //alert(window.event.srcElement.id+"!")
if ((pat==null))
{
if (d.style.display=="none")
{
d.style.display="block"
limg.src="../image/tree.gif"
}
else{
d.style.display="none"
limg.src="../image/tree.gif"
}
}
else
{
// alert("You click"+window.event.srcElement.id+"!")
  // parent.frames("help").location.href="../page/getpdf.cbs?path="+pat;
  // parent.frames("js").location.href="../page/getpdf.cbs?path="+pat;
}
window.event.cancelBubble=true
}function li_onmouseover(li)
{
li.style.color=itemAFC
li.style.backgroundColor=itemABC
window.event.cancelBubble=true
}function li_onmouseout(li)
{
li.style.color=itemFC
li.style.backgroundColor=treeBC
window.event.cancelBubble=true
}
function writeItem(li,suffix,pstr)
{
if (li.toString().split(",").length==1)
{
var str=li.toString().split(":")
pstr+=str[0];
document.write("<IMG id=limg"+suffix+" SRC=\"../image/tree.gif\"0>&nbsp;<SPAN id=li"+suffix)
document.write(" style=\" font-size:12.5px;COLOR: "+itemFC+"; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick=\"return li_onclick(li"+suffix+",'','','"+pstr+"')\"")
document.write(" onmouseover=\"return li_onmouseover(li"+suffix+")\"")
document.write(" onmouseout=\"return li_onmouseout(li"+suffix+")\">")
if (str.length>=2)
{
document.write("<A target=\""+treeTarget+"\" HREF=\""+str[1]+"\">"+str[0]+"</A></SPAN><BR>")
}
else
{// document.write("<a href='#' onclick=\"return li_onclick(li"+suffix+", d"+suffix+", limg"+suffix+",'"+pstr+"')\">");
    document.write("<a href=\"../../tree/pic/texttop.cbs?filename="+pstr+"&db=qejs&f="+str[0]+"\" target='middle' title=\""+str[0]+"\">");
    document.write("<font onclick=Bcolor();this.style.color='red';this.style.weight='bold';>");
document.write(str[0]+"</font></a></SPAN><BR>")
}
}
else
{
document.write("<IMG id=limg"+suffix+" SRC=\"../image/tree.gif\"")
document.write(" style=\"font-size:12.5px;COLOR: "+itemFC+"; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick=\"return limg_onclick(li" +suffix+ ", d"+suffix+", limg"+suffix+")\"")
document.write(">&nbsp;<SPAN id=li"+ suffix)
document.write(" style=\"font-size:12.5px;COLOR: black; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick=\"return li_onclick(li"+suffix+", d"+suffix+", limg"+suffix+")\"")
document.write(" onmouseover=\"return li_onmouseover(li"+suffix+")\"")
document.write(" onmouseout=\"return li_onmouseout(li"+ suffix + ")\" >")
document.write(li[0]+"</SPAN><BR>")
document.write("<DIV id=d"+ suffix +" style=\"DISPLAY:none\">")
document.write("<UL id=u"+ suffix +" style=\"MARGIN-LEFT:" +indent + "\">")

for (var i=1; i<li.length; i++)
{
if(li[i][0]!=null)
writeItem(li[i],suffix+"_"+i,pstr+li[i][0]+"/")
else
writeItem(li[i],suffix+"_"+i,pstr)
}
document.write("</UL></DIV>")
}
}var treeBC=""
//var treeFC="darkblue"
var treeFC=""
var itemFC="black"
//var itemABC="lightskyblue"
var itemABC=""
var itemAFC="red"
var indent=20
var marginleft=0
var treeTarget="help"
var li=new Array()li[0]=new Array()
li[0][0]="第1篇"
li[0][1]="1月"
li[0][2]="2月"
li[0][3]="3月"
li[0][4]="4月"
li[0][5]="5月"
li[0][6]="6月"
li[0][7]="7月"
li[0][8]="8月"
li[0][9]="9月"
li[0][10]="10月"
li[0][11]=new Array()
li[0][11][0]="人民生活质量"
li[0][11][1]="城镇居民生活质量"
li[0][11][2]="农村居民生活质量"
li[0][12]="体制改革"
li[0][13]="精神文明建设活动"</SCRIPT>
</HEAD>
<BODY><!BR>
<table border=0 width=180 align=left><tr><td nowrap>
<SCRIPT LANGUAGE=javascript>
document.write("<UL style=\"BACKGROUD COLOR: " + treeBC + ";")
document.write(" COLOR: "+treeFC +";")
document.write(" MARGIN-LEFT: "+marginleft+ "\">")
for (var i=0; i<li.length; i++)
{
writeItem(li[i],i,li[i][0]+"/");
}
document.write("</UL>")document.all.li0.click();</SCRIPT></td></tr></table>
</BODY>
</HTML>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <link rel=stylesheet href="../tool/style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE></TITLE><SCRIPT LANGUAGE=javascript>
    function Bcolor(){
    var obj=document.all.tags("font");
    for (i=0;i<obj.length;i++){
    obj[i].style.color='black';
    }
    }
    function limg_onclick(li,d,limg)
    {
    if (d.style.display=="none")
    {
    d.style.display=="block"
    limg.src="../image/tree.gif"
    }
    else
    {
    d.style.display="none"
    limg.src="../image/tree.gif"
    }
    window.event.cancelBubble=true
    }function li_onclick(li,d,limg,pat)
    { //alert(window.event.srcElement.id+"!")
    if ((pat==null))
    {
    if (d.style.display=="none")
    {
    d.style.display="block"
    limg.src="../image/tree.gif"
    }
    else{
    d.style.display="none"
    limg.src="../image/tree.gif"
    }
    }
    else
    {
    // alert("You click"+window.event.srcElement.id+"!")
      // parent.frames("help").location.href="../page/getpdf.cbs?path="+pat;
      // parent.frames("js").location.href="../page/getpdf.cbs?path="+pat;
    }
    window.event.cancelBubble=true
    }function li_onmouseover(li)
    {
    li.style.color=itemAFC
    li.style.backgroundColor=itemABC
    window.event.cancelBubble=true
    }function li_onmouseout(li)
    {
    li.style.color=itemFC
    li.style.backgroundColor=treeBC
    window.event.cancelBubble=true
    }
    function writeItem(li,suffix,pstr)
    {
    if (li.toString().split(",").length==1)
    {
    var str=li.toString().split(":")
    pstr+=str[0];
    document.write("<IMG id=limg"+suffix+" SRC=\"../image/tree.gif\"0>&nbsp;<SPAN id=li"+suffix)
    document.write(" style=\" font-size:12.5px;COLOR: "+itemFC+"; CURSOR: hand;\"")
    document.write(" LANGUAGE=javascript")
    document.write(" onclick=\"return li_onclick(li"+suffix+",'','','"+pstr+"')\"")
    document.write(" onmouseover=\"return li_onmouseover(li"+suffix+")\"")
    document.write(" onmouseout=\"return li_onmouseout(li"+suffix+")\">")
    if (str.length>=2)
    {
    document.write("<A target=\""+treeTarget+"\" HREF=\""+str[1]+"\">"+str[0]+"</A></SPAN><BR>")
    }
    else
    {// document.write("<a href='#' onclick=\"return li_onclick(li"+suffix+", d"+suffix+", limg"+suffix+",'"+pstr+"')\">");
        document.write("<a href=\"../../tree/pic/texttop.cbs?filename="+pstr+"&db=qejs&f="+str[0]+"\" target='middle' title=\""+str[0]+"\">");
        document.write("<font onclick=Bcolor();this.style.color='red';this.style.weight='bold';>");
    document.write(str[0]+"</font></a></SPAN><BR>")
    }
    }
    else
    {
    document.write("<IMG id=limg"+suffix+" SRC=\"../image/tree.gif\"")
    document.write(" style=\"font-size:12.5px;COLOR: "+itemFC+"; CURSOR: hand;\"")
    document.write(" LANGUAGE=javascript")
    document.write(" onclick=\"return limg_onclick(li" +suffix+ ", d"+suffix+", limg"+suffix+")\"")
    document.write(">&nbsp;<SPAN id=li"+ suffix)
    document.write(" style=\"font-size:12.5px;COLOR: black; CURSOR: hand;\"")
    document.write(" LANGUAGE=javascript")
    document.write(" onclick=\"return li_onclick(li"+suffix+", d"+suffix+", limg"+suffix+")\"")
    document.write(" onmouseover=\"return li_onmouseover(li"+suffix+")\"")
    document.write(" onmouseout=\"return li_onmouseout(li"+ suffix + ")\" >")
    document.write(li[0]+"</SPAN><BR>")
    document.write("<DIV id=d"+ suffix +" style=\"DISPLAY:none\">")
    document.write("<UL id=u"+ suffix +" style=\"MARGIN-LEFT:" +indent + "\">")

    for (var i=1; i<li.length; i++)
    {
    if(li[i][0]!=null)
    writeItem(li[i],suffix+"_"+i,pstr+li[i][0]+"/")
    else
    writeItem(li[i],suffix+"_"+i,pstr)
    }
    document.write("</UL></DIV>")
    }
    }var treeBC=""
    //var treeFC="darkblue"
    var treeFC=""
    var itemFC="black"
    //var itemABC="lightskyblue"
    var itemABC=""
    var itemAFC="red"
    var indent=20
    var marginleft=0
    var treeTarget="help"
    var li=new Array()li[0]=new Array()
    li[0][0]="第1篇"
    li[0][1]="1月"
    li[0][2]="2月"
    li[0][3]="3月"
    li[0][4]="4月"
    li[0][5]="5月"
    li[0][6]="6月"
    li[0][7]="7月"
    li[0][8]="8月"
    li[0][9]="9月"
    li[0][10]="10月"
    li[0][11]=new Array()
    li[0][11][0]="人民生活质量"
    li[0][11][1]="城镇居民生活质量"
    li[0][11][2]="农村居民生活质量"
    li[0][12]="体制改革"
    li[0][13]="精神文明建设活动"</SCRIPT>
    </HEAD>
    <BODY><!BR>
    <table border=0 width=180 align=left><tr><td nowrap>
    <SCRIPT LANGUAGE=javascript>
    document.write("<UL style=\"BACKGROUD COLOR: " + treeBC + ";")
    document.write(" COLOR: "+treeFC +";")
    document.write(" MARGIN-LEFT: "+marginleft+ "\">")
    for (var i=0; i<li.length; i++)
    {
    writeItem(li[i],i,li[i][0]+"/");
    }
    document.write("</UL>")document.all.li0.click();</SCRIPT></td></tr></table>
    </BODY>
    </HTML>