主题:jsp中怎样实现动态树状列表?????
ly8307
[专家分:10] 发布于 2006-08-31 00:32:00
jsp中怎样实现动态树状列表?????谁有代码让我参考参考!!!!非常感谢!
回复列表 (共2个回复)
沙发
Gmoblie [专家分:0] 发布于 2006-08-31 09:58:00
需要JS代码混写
板凳
233238447 [专家分:1350] 发布于 2006-08-31 17:30:00
<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> ";
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> </img><a class=childlink href="+item_link[i][j]+" onclick=javascript:this.blur();>"+item_word[i][j]+" </a><br><br> "
}
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>
看一下吧
我来回复