层的隐藏

isaxu 2003-03-26 12:52:31

两层目录，鼠标移动到一级目录，下面显示出其子目录（在此一级目录下面显示），鼠标移开，子目录消失.当鼠标移往别处的的时候，最后一个显示的子类不会消失阿，一直在那里！：（
还请大虾拨冗指点！多谢！：）

<?php
include "common.inc.php";

echo "<script LANGUAGE=JavaScript>\n";

echo "var lastObj=null;\n";
echo " function showIt(i) \n ";
echo " { \n";
echo " var o=window.event.srcElement;\n";
echo " var oPosT=o.offsetTop;\n";
echo " var oPosL=o.offsetLeft;\n";
echo " while(o=o.offsetParent){\n";
echo " //if(o==NaN) continue;\n";
echo " oPosT+=o.offsetTop; \n";
echo " oPosL+=o.offsetLeft;\n";
echo "}\n";
echo "if(lastObj!=null) lastObj.style.visibility='hidden';";
echo " whichE1 = eval('a' + i ); \n";
echo " whichE1.style.pixelLeft=oPosL;\n";
echo " whichE1.style.pixelTop=oPosT+25;";
echo " whichE1.style.visibility = 'visible'; \n ";
echo " lastObj=whichE1;";
echo " } \n ";

echo "</script>";

?>

<body>

<table width="90%" border="0">
<tr>
<?php for ($i=0;$i<$count1;$i++){ ?>
<td>
<table>

<tr>
<td>
<div onMouseOver="showIt('<?php echo $i;?>')"><a href='select_result.php?typename=<?php echo $type1[$i]; ?>'><?php echo $type1[$i];?></a></div>
</td>
</tr>

<tr>
<td>
<div id="<?php echo 'a'.$i;?>" class="gen1" style="position:absolute; width:113px; height:82px; z-index:1; left: 3px; top: 33px; visibility: hidden;">
<table width="90%" border="0">
<?php for ($j=0;$j<$count2[$i];$j++){ ?>
<tr><td><a href='select_result.php?typename=<?php echo $type2[$i][$j]; ?>'><?php echo $type2[$i][$j];?></a></td></tr>
<?php } ?>
</table>
</div>
</td>
</tr>

</table>
</td>
<?php } ?>
</tr>
</table>

</body>

...全文

135 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

wsj 2003-03-26

打赏
举报

对呀，这就是我说得

逻辑矛盾

isaxu 2003-03-26

打赏
举报

我添加了hiddenIt()隐藏所有的层，可是问题又来了：倒是可以隐藏层，但是鼠标离开第一层目录而去点击其子目录的时候，子目录也随之不见了！！

//function hiddenIt()
echo " function hiddenIt() \n ";
echo " { \n";
echo " for(j = 0;j<count1;j++) \n ";
echo " { \n ";
echo " whichE1 = eval('a' + j ); \n";
echo " whichE1.style.visibility = 'hidden'; \n ";
echo " } \n ";
echo " } \n ";

<table width="90%" border="0" >
<tr>
<?php for ($i=0;$i<$count1;$i++){ ?>
<td>
<table>
<tr>
<td onMouseOver="showIt('<?php echo $i;?>')">
<a href='select_result.php?typename=<?php echo $type1[$i]; ?>'><?php echo $type1[$i];?></a>
</td>
</tr>
<tr>
<td>
<div id="<?php echo 'a'.$i;?>" style="position:absolute; width:113px; height:82px; z-index:1; left: 3px; top: 33px; visibility: hidden;">
<table>
<?php for ($j=0;$j<$count2[$i];$j++){ ?>
<tr>
<td onMouseOut="hiddenIt()" bgcolor="#99cccc">
<a href='select_result.php?typename=<?php echo $type2[$i][$j]; ?>'><?php echo $type2[$i][$j];?></a>
</td>
</tr>
<?php } ?>
</table>
</div>
</td>
</tr>
</table>
</td>
<?php } ?>
</tr>
</table>

fu_gui 2003-03-26