社区
JavaScript
帖子详情
以下这段代码,实现一个隐藏行的功能。不过我想知道,在第一行有多个
的情况下,怎样和隐藏行对齐。
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>
...全文
142
1
打赏
收藏
以下这段代码,实现一个隐藏行的功能。不过我想知道,在第一行有多个<td> 的情况下,怎样和隐藏行对齐。
以下这段代码,实现一个隐藏行的功能。 不过我想知道,在第一行有多个 的情况下,怎样和隐藏行对齐。 New Document body,td { FONT: 9pt Arial; } .collapsed { DISPLAY: none } .line { CURSOR: hand } .article { BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1p
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
1 条
回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
打赏红包
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>
相关推荐
js
代码
格式化(js
代码
格式化html标签)
可以分级的表格如何
隐藏
JS
代码
? 【实例描述】分级的表格
隐藏
是指当用户单击第一
行
时,第一
行
后面的
行
都会
隐藏
;单击第二
行
时,则第二
行
下面的所有
行
会
隐藏
,依次类推。 实用计算器JS
代码
怎么写呢? srcElement。tagName=='TD')event。srcElement。style。color='yell...
【润乾v5】
实现
点击超链接,
隐藏
对应
行
功能
我们需要
实现
点击下图中超链接1,
隐藏
第一
行
,显示第二
行
;点击超链接2,
隐藏
第二
行
,显示第一
行
。 制作思路: 设置参数arg1,当arg1==1时,第一
行
显示,第二
行
隐藏
;当arg==0时,第一
行
隐藏
,第二
行
显示。 超链接1传递arg1=0到本报表,超链接2传递arg1=1到本报表。 制作步骤: 1.建立如上图所示报表,并在参数定义中中定义参数arg1 2.在第一
行
,
行
属性--
layui如何让jsp表格中列中有多
行
和换
行
符时,只显示第一
行
,且第一
行
多度过长的部分将
隐藏
掉?
table{ table-layout:fixed;/* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */ } td{ height: 30px; word-break:keep-all;/* 不换
行
*/ white-space:nowrap;/* 不换
行
*/ overflow:hidden;/* 内容超出宽度时
隐藏
超出部分的内容 */ ...
SugarCRM EditView.php
隐藏
姓名,负责人(将姓名保存为登陆人名称)
<table width="100%" border="0" cellspacing="0" cellpadding="0">在这段
代码
下(文本框布局的table) 第一
行
<tr> </tr> 之间的
代码
<tr> <td width="15%" class="dataLabel"><slot>...
Aspose.Cells 取消
隐藏
行
和列(取消
隐藏
单
行
、取消
隐藏
多
行
、取消
隐藏
单列、取消
隐藏
多列
1取消
隐藏
单
行
1.1 UnhideRow(introw,doubleheight) Workbook workbook=new Workbook(); WorkSheet worksheet=workbook.WorkSheet[0]; Cells cells=worksheet.Cells; //取消
隐藏
第一
行
,并将第一
行
的
行
高设为20磅 cells.UnhideRow(0,20); 1.2UnhideRows(introw,inttotalRows,doubleheight...
发帖
JavaScript
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
8.7w+
社区成员
22.4w+
社区内容
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
帖子事件
创建了帖子
2004-10-26 11:20
社区公告
暂无公告