以下这段代码，实现一个隐藏行的功能。不过我想知道，在第一行有多个 的情况下，怎样和隐藏行对齐。

hobyyyy 2004-10-26 11:20:20
以下这段代码，实现一个隐藏行的功能。
不过我想知道，在第一行有多个<td> 的情况下，怎样和隐藏行对齐。

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
body,td {
FONT: 9pt Arial;
}
.collapsed {
DISPLAY: none
}
.line {
CURSOR: hand
}
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px
}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
.jj {vertical-align:bottom ;background-color:#ececc0;height:20;padding:3;}

</style>
<SCRIPT language=JScript>

function outliner()
{
var child = document.all[event.srcElement.getAttribute("child",false)];
if (null != child){
if(child.className == "collapsed")
{
child.className = "expanded";
return;
}
if(child.className == "expanded")
{
child.className = "collapsed";
return;
}
}
}



//-->
</SCRIPT>
</HEAD>

<BODY>
<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>

</tr>
<tr>
<td>
<DIV class=collapsed id=DALL>
<DIV onclick=outliner() child="DALL1">
<TABLE cellSpacing="1" cellPadding=0 width="100%" border=0 class="jj">

<TR>
<TD width="32%"><a name="Market Place"></a>Market Place</TD>
<TD width="68%">Market Place </TD>
</TR>

</TABLE>
</DIV></DIV>

</td>

</tr>

</table>
</BODY>
</HTML>
...全文
162 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
JK_10000 2004-10-26
  • 打赏
  • 举报
 回复
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
body,td {
FONT: 9pt Arial;
}
.collapsed {
DISPLAY: none
}
.line {
CURSOR: hand
}
.article {
BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); POSITION: absolute; VISIBILITY: hidden
; background-color: #FFCC00; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px
}
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
.jj {vertical-align:bottom ;background-color:#ececc0;height:20;padding:3;}

</style>
<SCRIPT language=JScript>

function outliner()
{
var child = document.all[event.srcElement.getAttribute("child",false)];
if (null != child){
if(child.className == "collapsed")
{
child.className = "expanded";
return;
}
if(child.className == "expanded")
{
child.className = "collapsed";
return;
}
}
}



//-->
</SCRIPT>
</HEAD>

<BODY>
<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>


<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>


<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>


<td onMouseOver="this.style.color='#cc0033';" onMouseOut="this.style.color='#2A43A2';" class=title onclick=outliner()
bgColor=#B2CDE9 height=18 child="DALL"
NAME="NAME_BALL" style="cursor:hand" colspan="" >open&close</td>

</tr>
<tr>
<td colspan=100>
<DIV class=collapsed id=DALL>
<DIV onclick=outliner() child="DALL1">
<TABLE cellSpacing="1" cellPadding=0 width="100%" border=0 class="jj">

<TR>
<TD width="32%"><a name="Market Place"></a>Market Place</TD>
<TD width="68%">Market Place </TD>
</TR>

</TABLE>
</DIV></DIV>

</td>

</tr>

</table>
</BODY>
</HTML>
C语言笔记01（7.15-7.18）
C语言基本知识点思维导图
【智能汽车竞赛】摄像头组-长春理工大学-天狼五号技术赛方案.docx
【智能汽车竞赛】摄像头组-长春理工大学-天狼五号技术赛方案.docx
MATLAB中计算可达矩阵的实现方法
资源下载链接为： https://pan.quark.cn/s/abbae039bf2a 请用MATLAB编程实现从邻接矩阵计算可达矩阵。
hadoop-mapreduce-client-jobclient-2.7.3.jar中文文档.zip
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
jetty-server-9.4.44.v20210927.jar中文文档.zip
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
JavaScript

87,997

社区成员

224,709

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章