高分求解!!!!!!有关树型结构的问题!!!!

ycqy2003 2004-05-09 03:09:45
下面是树型结构的代码,不知道为什么,在运行的时候老是呈展开状态,求解!!
<html>
<head>
<title>leftFrame</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<script LANGUAGE="JavaScript">

var img1 = new Image();img1.src = ".../images/on.gif";
var img2 = new Image(); img2.src = ".../images/over.gif";


function doOutline() {
var srcId, srcElement, targetElement,srcNum,toggleElement,toggleImage;
srcElement = window.event.srcElement;
if(srcElement.className.toUpperCase()=="LEVEL1")
{
srcID=srcElement.id.substr(0, srcElement.id.length-1);
targetElement=document.all(srcID + "s");
srcElement=document.all(srcID + "i");
srcNum=srcElement.id.substr( 3, 1);
if(targetElement.style.display == "none")
{
for(i=0; i<10; i++){
if(srcNum == i){
targetElement.style.display = "";
if (srcElement.className == "LEVEL1") srcElement.src = img2.src;
}else{
toggleElement = document.all("out" + i + "s");
toggleImage = document.all("out" + i + "i");
}
}
} else {
targetElement.style.display = "none";
if (srcElement.className == "LEVEL1") srcElement.src = img1.src;
}
}
}
document.onclick = doOutline;

</script>

</head>
<body leftmargin="0" topmargin="5" bgcolor="#33CCFF">
<center>
<table width="181" border="0" cellspacing="0" cellpadding="0">
<tr> <a name="tree1"></a>

<input type="hidden" name="tree1" value="12">
<td height="20" width="39"> <a name="12" href="#tree1" onClick=javascript:expands("s1")>
<img src="images/over.gif" width="32" height="16" border="0" name="s1Image">
</a> </td>
<td height="20" width="142"> <a name="12" href="#tree1" class="tree" onClick=javascript:expands("s1")>气体的PVT关系</a>
</td>
</tr>
<tr valign="top">
<td align="right" colspan="2"> <div class=child id="s1childs">
<table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
</table>
</div></td>
</tr>
.......共8个tree
...全文
31 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
cczeyun 2004-05-12
  • 打赏
  • 举报
回复
DW有这样的插件下载
lycey 2004-05-12
  • 打赏
  • 举报
回复
是类似于CSDN的菜单?你到www.51js.com去看看,会有你要的
ChneChen 2004-05-12
  • 打赏
  • 举报
回复
ycqy2003(阿神) ,已发到你的邮箱:wto2880@sohu.com中,请注意查收..
fason 2004-05-11
  • 打赏
  • 举报
回复
http://fason.nease.net/
ycqy2003 2004-05-11
  • 打赏
  • 举报
回复
to chnechen
就是你那样的类型
我的邮箱:
wto2880@sohu.com
谢谢!
ycqy2003 2004-05-10
  • 打赏
  • 举报
回复
不是吧
没有人来的
我昏
ChneChen 2004-05-10
  • 打赏
  • 举报
回复
看完你的代码,我也昏了..
你看看你要的是不是类似这种效果,http://cx.cxyouth.net/yhl/ls/kbcx/index.html
是的话我打个包给你.
ycqy2003 2004-05-10
  • 打赏
  • 举报
回复
大哥大姐们帮帮我吧
我昏了
ycqy2003 2004-05-09
  • 打赏
  • 举报
回复
这是下面段
<tr> <a name="tree8"></a>
<input type="hidden" name="tree8" value="19">
<td height="20" width="39"> <a name="19" href="#tree8" onClick=javascript:expands("s8")>
<img src="images/over.gif" width="32" height="16" border="0" name="s8Image">
</a> </td>
<td height="20" width="142"> <a name="19" href="#tree8" class="tree" onClick=javascript:expands("s8")>表面现象</a>
</td>
</tr>
<tr valign="top">
<td align="right" colspan="2"> <div class=child id="s8childs">
<table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame">室</a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
</table>
</div></td>
</tr>
<a name="tree9"></a>
<input type="hidden" name="tree9" value="19">
<td height="20" width="39"> <a name="19" href="#tree9" onClick=javascript:expands("s9")>
<img src="images/over.gif" width="32" height="16" border="0" name="s9Image">
</a> </td>
<td height="20" width="142"> <a name="19" href="#tree9" class="tree" onClick=javascript:expands("s9")>化学动力学基础</a>
</td>
</tr>
<tr valign="top">
<td align="right" colspan="2"> <div class=child id="s9childs">
<table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
</table>
</div></td>
</tr>
<a name="tree10"></a>
<input type="hidden" name="tree10" value="19">
<td height="20" width="39"> <a name="19" href="#tree10" onClick=javascript:expands("s10")>
<img src="images/over.gif" width="32" height="16" border="0" name="s10Image">
</a> </td>
<td height="20" width="142"> <a name="19" href="#tree10" class="tree" onClick=javascript:expands("s10")>胶体化学</a>
</td>
</tr>
<tr valign="top">
<td align="right" colspan="2"> <div class=child id="s10childs">
<table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
</table>
</div></td>
</tr>
<script language="javascript">
pic1 = new Image
pic1.src = ".../images/over.gif"
pic2 = new Image
pic2.src = ".../images/on.gif"

function img_changer(ImgName, changepic) {
document.images[ImgName].src = eval(changepic + ".src")
}

function initIts(){
divColl=document.all.tags("DIV");
for(i=1; i<divColl.length; i++) {
img_changer('s' +i + 'Image', 'pic2');
whichEl=divColl(i);
if(whichEl.className=="child")
whichEl.style.display="none";
}
}

function initIts1(s_cur){
s_num=0;
divColl=document.all.tags("DIV");
for(i=1; i<divColl.length; i++) {
if(s_cur==eval("document.f.tree"+i+".value")){
s_num=i;
break;
}
}
for(i=1; i<divColl.length; i++) {
if(i!=s_num)
img_changer('s' +i + 'Image', 'pic2');
whichEl=divColl(i);
if(whichEl.className=="child"&&i!=s_num)
whichEl.style.display="none";
}
}

function expands(el) {
whichEl1=eval(el+"childs");
if (whichEl1.style.display=="none"){
initIts();
whichEl1.style.display="block";
img_changer(el+'Image', 'pic1');
}else{
img_changer(el+'Image', 'pic2');
whichEl1.style.display="none";
}
}

initIts1('favorite');

</script>
</table>
</center>
</body>
</html>

1,451

社区成员

发帖
与我相关
我的任务
社区描述
多媒体/设计/Flash/Silverlight 开发 图象工具使用
社区管理员
  • 图象工具使用社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧