javascript 可以实现像资源管理器左侧那样的树吗?就是上级目录和下级目录间有虚线的? 就是动态加载图片的问题,看看梅花雪老大的那个树.http://community.csdn.net/Expert/topic/3841/3841740.xml?temp=.1494257 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <script language="javascript">var ImagesPath="/images/";var CurrentNodeName="";function AddANode(NodeID,NodeType,IsRoot,NodeText,NodeLays,NodeImage,LinkImage,ParentNodeID){ if(NodeLays==1) ParentNodeID=""; if(ParentNodeID=="") { ParentNode=null; } else { ParentNode=eval("document.all."+ParentNodeID); } HTMLCode="<TABLE ID='"+NodeID+"' Name='"+NodeID+"' NodeType='"+NodeType+"' IsRoot='"+IsRoot+"' NodeLays="+NodeLays+" BORDER=0 CELLSPACING=0 CELLPADDING=0 >"; HTMLCode=HTMLCode+"<TR>"; for(i=0;i<=NodeLays-2;i++) { switch(ParentNode.rows[0].cells[i].IMG) { case "blank.gif": case "enddots.gif": case "endplus.gif": case "endminus.gif": case "singleplus.gif": case "singleminus.gif": case "singledots.gif": HTMLCode=HTMLCode+"<TD WIDTH=20 IMG='blank.gif'><IMG SRC='"+ImagesPath+"blank.gif' BORDER=0></TD>"; break; case "blankdots.gif": case "dots.gif": case "plus.gif": case "minus.gif": case "topplus.gif": case "topminus.gif": case "topdots.gif": HTMLCode=HTMLCode+"<TD WIDTH=20 IMG='blankdots.gif'><IMG SRC='"+ImagesPath+"blankdots.gif' BORDER=0></TD>"; break; } } HTMLCode=HTMLCode+"<TD WIDTH=20 bgcolor='#9CD277' IMG='"+LinkImage+"' style='cursor:hand' onclick=ExpandChildNodes('"+NodeID+"',"+"'"+NodeID+"Child')><IMG ID='"+NodeID+"LinkImage' SRC='"+ImagesPath+LinkImage+"' BORDER=0></TD>"; HTMLCode=HTMLCode+"<TD WIDTH=20 bgcolor='#9CD277' IMG='"+NodeImage+"' style='cursor:hand' onclick=SetNodeFocus('"+NodeID+"') ondblclick=ExpandChildNodes('"+NodeID+"',"+"'"+NodeID+"Child')><IMG ID='"+NodeID+"NodeImage' SRC='"+ImagesPath+NodeImage+"' BORDER=0></TD>"; HTMLCode=HTMLCode+"<TD bgcolor='#9CD277' IMG='' style='white-space:nowrap; cursor:hand; font-size:9pt' onclick=SetNodeFocus('"+NodeID+"') ondblclick=ExpandChildNodes('"+NodeID+"',"+"'"+NodeID+"Child')>"+NodeText+"</TD></TR>"; HTMLCode=HTMLCode+"</TABLE>"; HTMLCode=HTMLCode+"<TABLE ID='"+NodeID+"Child' BORDER=0 CELLSPACING=0 CELLPADDING=0 style='display:none'><TR><TD></TD></TR></TABLE>"; if(ParentNode!=null) { eval("document.all."+ParentNodeID+"Child").rows[0].cells[0].innerHTML=eval("document.all."+ParentNodeID+"Child").innerHTML+HTMLCode; } else { document.write(HTMLCode); }}function SetNodeFocus(NodeName){ if(CurrentNodeName!="") { var NodeCellsLen=eval("document.all."+CurrentNodeName).rows[0].cells.length; eval("document.all."+CurrentNodeName).rows[0].cells[NodeCellsLen-1].style.background="#9CD277"; eval("document.all."+CurrentNodeName).rows[0].cells[NodeCellsLen-1].style.color="#000000"; } var NodeCellsLen=eval("document.all."+NodeName).rows[0].cells.length; eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-1].style.background="#000077"; eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-1].style.color="#FFFFFF"; CurrentNodeName=NodeName; if(eval("document.all."+NodeName).NodeLays==4) { var splitstr=NodeName.split("NO"); parent.document.all.PaperListIfrm.src="PaperList.asp?MediaInfoType=<%=MediaInfoType%>&SearchTerm=&NodeID="+splitstr[1]; parent.document.all.AbstractIfrm.src=""; }}function ExpandChildNodes(NodeName,ChildNodeName){ if(eval("document.all."+ChildNodeName).style.display=="none") { if(eval("document.all."+ChildNodeName).rows[0].cells[0].innerHTML!="") { var NodeCellsLen=eval("document.all."+NodeName).rows[0].cells.length; switch(eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-3].IMG) { case "endplus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"endminus.gif"; break; case "endminus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"endplus.gif"; break; case "plus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"minus.gif"; break; case "minus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"plus.gif"; break; case "topplus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"topminus.gif"; break; case "topminus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"topplus.gif"; break; case "singleplus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"singleminus.gif"; break; case "singleminus.gif": eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"singleplus.gif"; break; } eval("document.all."+ChildNodeName).style.display="block"; eval("document.all."+NodeName+"NodeImage").src=ImagesPath+"of.gif"; } } else { eval("document.all."+ChildNodeName).style.display="none"; var NodeCellsLen=eval("document.all."+NodeName).rows[0].cells.length; eval("document.all."+NodeName+"LinkImage").src=ImagesPath+eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-3].IMG; eval("document.all."+NodeName+"NodeImage").src=ImagesPath+eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-2].IMG; } SetNodeFocus(NodeName);}</script><script>function Node(){ //第一层 AddANode("NO0001","文件夹","False","组织结构",1,"fold.gif","topplus.gif",""); AddANode("NO0002","文件夹","False","综合管理",1,"fold.gif","plus.gif",""); //第二层 AddANode("NO00010001","文件","False","中心简介",2,"file.gif","minus.gif","NO0001"); AddANode("NO00010002","文件","False","机构设置",2,"file.gif","minus.gif","NO0001"); AddANode("NO00010003","文件","False","机构职能",2,"file.gif","endminus.gif","NO0001"); AddANode("NO00020001","文件","False","先进性教育",2,"file.gif","minus.gif","NO0002"); AddANode("NO00020002","文件","False","党务工作",2,"file.gif","minus.gif","NO0002"); AddANode("NO00020003","文件","False","工会工作",2,"file.gif","endminus.gif","NO0002");}Node();</script>以上代码可以正确无误执行,但无法显示连接图片,你可以用软件抓取资源管理其中使用的连接图片,或留下e-mail我给你传过去。我才发现我是一个多好的人! 呵呵,谢谢各位,特别是楼上的兄弟,我的email 是 [email protected] js onblur和onclick的问题(求解决方案) 随便写着玩的,50行JS实现的高级缩放效果,貌似别人用400行才实现。 关于Json一个小问题 修改下拉框中的文字 怎么查看网页中JavaScript变量值的问题 高分求一代码:textarea如何与grid结合起来,实现我所需要的功能(UP者有分)! 请教一个简单问题 能不能阻止用户看到我的javascript代码啊? 如何隐藏一些东西? 请教各位:用script控制file框的值 为什么浮动广告上的GIF动画不会动啦??? 怎麼麼簡化這樣的if條件?
var ImagesPath="/images/";
var CurrentNodeName="";function AddANode(NodeID,NodeType,IsRoot,NodeText,NodeLays,NodeImage,LinkImage,ParentNodeID)
{
if(NodeLays==1) ParentNodeID="";
if(ParentNodeID=="")
{
ParentNode=null;
}
else
{
ParentNode=eval("document.all."+ParentNodeID);
} HTMLCode="<TABLE ID='"+NodeID+"' Name='"+NodeID+"' NodeType='"+NodeType+"' IsRoot='"+IsRoot+"' NodeLays="+NodeLays+" BORDER=0 CELLSPACING=0 CELLPADDING=0 >";
HTMLCode=HTMLCode+"<TR>"; for(i=0;i<=NodeLays-2;i++)
{
switch(ParentNode.rows[0].cells[i].IMG)
{
case "blank.gif":
case "enddots.gif":
case "endplus.gif":
case "endminus.gif":
case "singleplus.gif":
case "singleminus.gif":
case "singledots.gif":
HTMLCode=HTMLCode+"<TD WIDTH=20 IMG='blank.gif'><IMG SRC='"+ImagesPath+"blank.gif' BORDER=0></TD>";
break;
case "blankdots.gif":
case "dots.gif":
case "plus.gif":
case "minus.gif":
case "topplus.gif":
case "topminus.gif":
case "topdots.gif":
HTMLCode=HTMLCode+"<TD WIDTH=20 IMG='blankdots.gif'><IMG SRC='"+ImagesPath+"blankdots.gif' BORDER=0></TD>";
break;
}
} HTMLCode=HTMLCode+"<TD WIDTH=20 bgcolor='#9CD277' IMG='"+LinkImage+"' style='cursor:hand' onclick=ExpandChildNodes('"+NodeID+"',"+"'"+NodeID+"Child')><IMG ID='"+NodeID+"LinkImage' SRC='"+ImagesPath+LinkImage+"' BORDER=0></TD>";
HTMLCode=HTMLCode+"<TD WIDTH=20 bgcolor='#9CD277' IMG='"+NodeImage+"' style='cursor:hand' onclick=SetNodeFocus('"+NodeID+"') ondblclick=ExpandChildNodes('"+NodeID+"',"+"'"+NodeID+"Child')><IMG ID='"+NodeID+"NodeImage' SRC='"+ImagesPath+NodeImage+"' BORDER=0></TD>";
HTMLCode=HTMLCode+"<TD bgcolor='#9CD277' IMG='' style='white-space:nowrap; cursor:hand; font-size:9pt' onclick=SetNodeFocus('"+NodeID+"') ondblclick=ExpandChildNodes('"+NodeID+"',"+"'"+NodeID+"Child')>"+NodeText+"</TD></TR>";
HTMLCode=HTMLCode+"</TABLE>";
HTMLCode=HTMLCode+"<TABLE ID='"+NodeID+"Child' BORDER=0 CELLSPACING=0 CELLPADDING=0 style='display:none'><TR><TD></TD></TR></TABLE>";
if(ParentNode!=null)
{
eval("document.all."+ParentNodeID+"Child").rows[0].cells[0].innerHTML=eval("document.all."+ParentNodeID+"Child").innerHTML+HTMLCode;
}
else
{
document.write(HTMLCode);
}
}function SetNodeFocus(NodeName)
{
if(CurrentNodeName!="")
{
var NodeCellsLen=eval("document.all."+CurrentNodeName).rows[0].cells.length;
eval("document.all."+CurrentNodeName).rows[0].cells[NodeCellsLen-1].style.background="#9CD277";
eval("document.all."+CurrentNodeName).rows[0].cells[NodeCellsLen-1].style.color="#000000";
} var NodeCellsLen=eval("document.all."+NodeName).rows[0].cells.length;
eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-1].style.background="#000077";
eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-1].style.color="#FFFFFF";
CurrentNodeName=NodeName; if(eval("document.all."+NodeName).NodeLays==4)
{
var splitstr=NodeName.split("NO");
parent.document.all.PaperListIfrm.src="PaperList.asp?MediaInfoType=<%=MediaInfoType%>&SearchTerm=&NodeID="+splitstr[1];
parent.document.all.AbstractIfrm.src="";
}
}function ExpandChildNodes(NodeName,ChildNodeName)
{
if(eval("document.all."+ChildNodeName).style.display=="none")
{
if(eval("document.all."+ChildNodeName).rows[0].cells[0].innerHTML!="")
{
var NodeCellsLen=eval("document.all."+NodeName).rows[0].cells.length;
switch(eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-3].IMG)
{
case "endplus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"endminus.gif";
break;
case "endminus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"endplus.gif";
break;
case "plus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"minus.gif";
break;
case "minus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"plus.gif";
break;
case "topplus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"topminus.gif";
break;
case "topminus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"topplus.gif";
break;
case "singleplus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"singleminus.gif";
break;
case "singleminus.gif":
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+"singleplus.gif";
break;
}
eval("document.all."+ChildNodeName).style.display="block";
eval("document.all."+NodeName+"NodeImage").src=ImagesPath+"of.gif";
}
}
else
{
eval("document.all."+ChildNodeName).style.display="none";
var NodeCellsLen=eval("document.all."+NodeName).rows[0].cells.length;
eval("document.all."+NodeName+"LinkImage").src=ImagesPath+eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-3].IMG;
eval("document.all."+NodeName+"NodeImage").src=ImagesPath+eval("document.all."+NodeName).rows[0].cells[NodeCellsLen-2].IMG;
}
SetNodeFocus(NodeName);
}
</script><script>
function Node()
{
//第一层
AddANode("NO0001","文件夹","False","组织结构",1,"fold.gif","topplus.gif","");
AddANode("NO0002","文件夹","False","综合管理",1,"fold.gif","plus.gif","");
//第二层
AddANode("NO00010001","文件","False","中心简介",2,"file.gif","minus.gif","NO0001");
AddANode("NO00010002","文件","False","机构设置",2,"file.gif","minus.gif","NO0001");
AddANode("NO00010003","文件","False","机构职能",2,"file.gif","endminus.gif","NO0001");
AddANode("NO00020001","文件","False","先进性教育",2,"file.gif","minus.gif","NO0002");
AddANode("NO00020002","文件","False","党务工作",2,"file.gif","minus.gif","NO0002");
AddANode("NO00020003","文件","False","工会工作",2,"file.gif","endminus.gif","NO0002");
}Node();
</script>以上代码可以正确无误执行,但无法显示连接图片,你可以用软件抓取资源管理其中使用的连接图片,或留下e-mail我给你传过去。我才发现我是一个多好的人!