高分求助 Javasript 树!

liulianxi 2003-11-01 10:36:39

树的结构如下:

库房1
架位1
盒子1
盒子2
.....
架位2
盒子1
......
库房2
.........
[要求]:可以删除,移动,创建.
有源码请发往:fanazi@163.com

...全文

75 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

txxmgirl 2003-11-04

打赏
举报

这个也可以给你参考！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<script language="JavaScript">
NS4 = (document.layers) ? 1 : 0;
IE4 = (document.all) ? 1 : 0;
ver4 = (NS4 || IE4) ? 1 : 0;

if (ver4) {
with (document) {
write("<STYLE TYPE='text/css'>");
if (NS4) {
write(".parent {position:absolute; visibility:visible}");
write(".child {position:absolute; visibility:visible}");
write(".regular {position:absolute; visibility:visible}")
}
else {
write(".child {display:none}")
}
write("</STYLE>");
}
}

function getIndex(el) {
ind = null;
for (i=0; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.id == el) {
ind = i;
break;
}
}
return ind;
}

function arrange() {
nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
for (i=firstInd+1; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.visibility != "hide") {
whichEl.pageY = nextY;
nextY += whichEl.document.height;
}
}
}

function initIt(){
if (!ver4) return;
if (NS4) {
for (i=0; i<document.layers.length; i++) {
whichEl = document.layers[i];
if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
}
arrange();
}
else {
divColl = document.all.tags("DIV");
for (i=0; i<divColl.length; i++) {
whichEl = divColl(i);
if (whichEl.className == "child") whichEl.style.display = "none";
}
}
}

function expandIt(el) {
if (!ver4) return;
if (IE4) {
whichEl = eval(el + "Child");
if (whichEl.style.display == "none") {
whichEl.style.display = "block";
}
else {
whichEl.style.display = "none";
}
}
else {
whichEl = eval("document." + el + "Child");
if (whichEl.visibility == "hide") {
whichEl.visibility = "show";
}
else {
whichEl.visibility = "hide";
}
arrange();
}
}
onload = initIt;
</script>
</font></p>
<div id="KB1Parent" class="parent">　　　
　 <a href="#" onClick="expandIt('KB1'); return false" >
<img src="img/plus.gif" border=0>文件夹一
</a></div>
<div id="KB1Child" class="child">
　　　　　<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="">
<img src="img/open.gif" border=0>页面一
</a><br>
　<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="" width="15" height="11">
<img src="img/open.gif" border=0>页面二
</a><br>
　<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="" width="15" height="11">
<img src="img/open.gif" border=0>页面三
</a></div>
<div id="KB2Parent" class="parent">　　　
　<a href="#" onClick="expandIt('KB2'); return false" >
<img src="img/plus.gif" border=0>文件夹二
</a></div>
<div id="KB2Child" class="child">　
　　　　<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="" width="15" height="11">
<img src="img/open.gif" border=0>页面一
</a><br>
<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="">
<img src="img/open.gif" border=0>页面二
</a><br>
<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="" width="15" height="11">
<img src="img/open.gif" border=0>页面三
</a></div>
<div id="KB3Parent" class="parent">　　　　
<a href="#" onClick="expandIt('KB3'); return false" >
<img src="img/plus.gif" border=0>文件夹三
</a></div>
<div id="KB3Child" class="child"> 　
　　　　<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="">
<img src="img/open.gif" border=0>页面一
</a><br>
<a href="sample.htm" target="_blank" >
<img src="img/open.gif" border=0>页面二
</a><br>
<a href="sample.htm" target="_blank" >
<img src="img/spacer.gif" border=0 alt="">
<img src="img/open.gif" border=0>页面三
</a></div>
<script language="JavaScript">
if (NS4) {
firstEl = "KB1Parent";
firstInd = getIndex(firstEl);
arrange();
}
</script>

</BODY>
</HTML>

zkjbeyond 2003-11-04

打赏
举报

哈！移动最难实现了。网上有源码

jinsfree 2003-11-04

打赏
举报

这个太复杂了

dike103 2003-11-03

打赏
举报

下面的给你参考一下：（我觉得不错）

<HTML>
<HEAD>
<TITLE>103</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>
TD {
FONT-FAMILY: 宋体; FONT-SIZE: 12px
}
A:hover {
COLOR: #0000ff
}
.lblue1 {
COLOR: #ff0000; FONT-SIZE: 9pt; LINE-HEIGHT: 150%; TEXT-DECORATION: none
}
.hg {
FONT-SIZE: 9pt; LINE-HEIGHT: 150%
}
</STYLE>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0>
<TABLE bgColor=#ffe6bf border=0 cellPadding=0 cellSpacing=0 class=lblue1 width="163">
<TBODY>
<TR>
<TD height=20 vAlign=bottom width="276"> <IMG border=0 name=s1Image
src="SOHU 商城.files/2.gif" width="13" height="13"> <A href="SOHU 商城.files/help1.htm"
onclick="javascript:expands('s1')" target=right><B><SPAN
class=lblue1>2、关于支付</SPAN></B></A><BR></TD></TR>
<TR>
<TD class=bd1 width="276">
<DIV class=child id=s1childs>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="163">
<TBODY>
<TR bgColor=#fef3de>
<TD height=25 width=36></TD>
<TD width="127"><A class=lblue1 href="SOHU 商城.files/help1.htm"
target=right>1.货到付款</A></TD></TR>
<TR bgColor=#fef3de>
<TD height=25 width=36></TD>
<TD width="127"><A class=lblue1 href="SOHU 商城.files/help1.htm"
target=right>2.邮局汇款</A></TD></TR>
</TBODY></TABLE></DIV></TD></TR>
</TBODY></TABLE>
<SCRIPT language=javascript>
pic1 = new Image
pic1.src = "1.gif"
pic2 = new Image
pic2.src = "2.gif"
pic3 = new Image
pic3.src = "1.gif"
pic4 = new Image
pic4.src = "2.gif"

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

function initIts(){
divColl=document.all.tags("DIV");
for(i=0; i<divColl.length; i++) {
if (i<6 && i>0)img_changer('s' +i + 'Image', 'pic2');
if (i<1 && i>0)img_changer('f' +i + 'Image', 'pic4');
whichEl=divColl(i);
if(whichEl.className=="child")whichEl.style.display="none";
}
}
function initItf(){
divColl=document.all.tags("DIV");
for(i=0; i<divColl.length; i++) {
whichEl=divColl(i);
for(j=1;j<1;j++){
if(whichEl.id=="f" + j + "childf")
{whichEl.style.display="none";
img_changer('f' +j + 'Image', 'pic4');}
}
}
}
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";}
}
function expandf(el) {
whichEl1=eval(el+"childf");
if (whichEl1.style.display=="none"){
initItf();
whichEl1.style.display="block";
img_changer(el+'Image', 'pic3');
}
else
{
img_changer(el+'Image', 'pic4');
whichEl1.style.display="none";}
}
onload=initItf;
onload=initIts;
</SCRIPT>
</BODY></HTML>

自己在后面加多几个层就可以了

liulianxi 2003-11-03