回 帖 发 新 帖 刷新版面

主题:jsp中怎样实现动态树状列表?????

jsp中怎样实现动态树状列表?????谁有代码让我参考参考!!!!非常感谢!

回复列表 (共2个回复)

沙发

需要JS代码混写

板凳

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE></TITLE>
<style>
<!--
a.parentlink                         { text-decoration: none; color: #aea3a3; font-size:  17px }
a.parentlink:hover,a.childlink:hover { color: #738278; }
a.childlink,td.childlink             { text-decoration: none; color: red; font-size: 14px  }
a.parentlink:visited {color:#14323}
a.parentlink:active  {color:#E7EBFF}
a.childlink:visited {color:#146211}
a.childlink:hover   {color:red}
a.childlink:active  {color:#154896}

.px7                                  { font-size: 7px; vertical-align: middle; }
.t1_boder { border:1px solid #E7EBFF }
.t1_title_bgcolor { background-color: #E7EBFF }
.t1_title_font {color:#FF0000;font-weight: bold;}
.t2_boder { border:1px solid #6B9AD6 }
.t2_title_bgcolor { background-color: #6B9AD6 }
.t2_title_font {color:#FFFFFF;font-weight: bold;}
-->

</style>
<base target="kong">

</HEAD>

<BODY background="01.jpg" bgproperties=flxed>
             <font face="华文行楷" color=#e22222>
            <center>
                <b>选择菜单</b>
            </center>
        </font>
            <hr>
        <br>
        <br>

<script language=javascript>
var item_num=5;
var item_word=new Array();
for(i=0;i<item_num;i++)
item_word[i]=new Array();
        item_word[0][0]="宠物信息"
    item_word[1][0]="宠物病历信息"
    item_word[2][0]="来访人信息查询"
    item_word[3][0]="帮助"
    item_word[4][0]="客户咨询"
    item_word[4][1]="查看消息"
    item_word[4][2]="回答消息"
    item_word[0][1]="查询信息"
    item_word[0][2]="增加宠物"
        item_word[2][1]="姓名查询"
    item_word[2][2]="所拥有宠物"
    item_word[1][1]="增加病历"
    item_word[1][2]="查询病历"
    item_word[3][1]="增加信息"
    item_word[3][1]="操作帮助"
var item_link=new Array();  //菜单的链接
for(i=0;i<item_num;i++)
item_link[i]=new Array()
    item_link[0][0]="javascript;"
    item_link[1][0]="javascript;"
    item_link[2][0]="javascript;"
    item_link[3][0]="javascript;"
    item_link[4][0]="javascript;"
    item_link[4][1]="javascript;"
    item_link[4][2]="/WebModule/JS/mes.jsp"
    item_link[0][1]="javascript;"
    item_link[0][2]="javascript;"
    item_link[1][1]="/WebModule/JS/emai.jsp;"
    item_link[1][2]="/WebModule/JS/muen.jsp"
    item_link[3][1]="javascript;"
    item_link[3][2]="javascript;"
    item_link[3][1]="javascript;"
        item_link[2][1]="javascript;"
    item_link[2][2]="javascript;"
var item=new Array();
for(i=0;i<item_num;i++)
item[i]="<br>&nbsp;&nbsp;&nbsp;&nbsp;";
for(i=0;i<item_num;i++)
for(j=1;j<item_word[i].length;j++)

{
item[i]+="<img src='../img/02.jpg' align=middle>&nbsp;</img><a class=childlink  href="+item_link[i][j]+" onclick=javascript:this.blur();>"+item_word[i][j]+"&nbsp;</a><br><br>&nbsp;&nbsp;&nbsp;&nbsp;"
}


function startItem()
{
for(i=0;i<item_num;i++)
document.all.titem.cells[2*i+1].innerHTML="";
}

function openItem(n)
{
if(document.all.titem.cells[n*2+1].innerHTML=="")
{
startItem();
document.all.titem.cells[n*2+1].innerHTML=item[n];
}
else
startItem();
}



document.writeln("<table id=titem>");
document.writeln(" <b><tr><td height=20 valign=bottom><span class=px7><img src='../img/04.gif'>  </span><a class=parentlink href=javascript:  onclick=javascript:openItem(0);this.blur();><b>宠物信息</b></a></td></tr>");
document.writeln("  <tr><td class=hon></td></tr>");
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("  <b><tr><td height=20 valign=bottom><span class=px7><img src='../img/04.gif'>   </span><a class=parentlink href=javascript:  onclick=javascript:openItem(1);this.blur();><b>宠物病历信息</b></a></td></tr>");
document.writeln("  <tr><td class=hon></td></tr>");
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("  <b><tr><td height=20 valign=bottom><span class=px7><img src='../img/04.gif'>   </span><a class=parentlink href=javascript:  onclick=javascript:openItem(2);this.blur();><b>来访人信息</b></a></td></tr>");
document.writeln("  <tr><td class=hon></td></tr>");
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("  <b><tr><td height=20 valign=bottom><span class=px7><img src='../img/04.gif'>   </span><a class=parentlink href=javascript:  onclick=javascript:openItem(3);this.blur();><b>帮助</b></a></td></tr>");
document.writeln("  <tr><td class=hon></td></tr>");
document.writeln("<tr>")
document.writeln("<tr>")
document.writeln("<tr>")

document.writeln("  <b><tr><td height=20 valign=bottom><span class=px7><img src='../img/04.gif'>   </span><a class=parentlink href=javascript:  onclick=javascript:openItem(4);this.blur();><b>客户咨询</b></a></td></tr>");
document.writeln("  <tr><td class=hon></td></tr>");
document.writeln("</table>");

</script>

</BODY></HTML>


看一下吧

我来回复

您尚未登录,请登录后再回复。点此登录或注册