CSS+js 实现mouse移动单元格上全部显示
<STYLE>
<!--
.divover {
BORDER-RIGHT: #999999 1px outset; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px outset; PADDING-LEFT: 4px; Z-INDEX: 2; BORDER-LEFT: #999999 1px outset; WIDTH: 100%; COLOR: #37609d; BORDER-BOTTOM: #999999 1px outset; POSITION: absolute; BACKGROUND-COLOR: #ffffcc
}
.divout {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 1; OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 14px
}
-->
</STYLE>
<SCRIPT language=javascript><!--
function DivOnMouseOver(obj) {
if(obj.innerText != "" && obj.innerText != "-")
{
var cs = obj.currentStyle.cursor;
obj.className = "DivOver";
obj.style.cursor = cs;
}
}
function DivOnMouseOut(obj) {
obj.className = "DivOut";
}
--></SCRIPT>
<TABLE class=datagrid border=1 cellSpacing=0 cellPadding=1 width="100%">
<TBODY>
<TR>
<TH width=70>操作</TH>
<TH width="12%">单据编号</TH>
<TH width="11%" noWrap>日期</TH>
<TH width="8%">制单人</TH>
<TH width="10%">退货日期</TH>
<TH width="6%">审批</TH>
<TH width="6%">终止</TH>
<TH width="6%">数量</TH>
<TH width="10%">金额</TH>
<TH width="15%">备注</TH>
</TR>
<TR onmouseover="this.style.backgroundColor = '#F9F9F0';" onmouseout="this.style.backgroundColor = '';" vAlign=top>
<TD align=center> </TD>
<TD >
<DIV style="CURSOR: auto" class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);> 577001_PA40908220132ddddddddd </DIV></TD>
<TD class=blackBorder>
<DIV style="CURSOR: auto" class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);>2019-08-22</DIV></TD>
<TD class=blackBorder>
<DIV style="CURSOR: auto" class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);>系统管理员</DIV></TD>
<TD class=blackBorder>
<DIV class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);>2009-09-01</DIV></TD>
<TD class=blackBorder> </TD>
<TD class=blackBorder> </TD>
<TD class=blackBorder>
<DIV style="CURSOR: auto" class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);>8</DIV></TD>
<TD class=blackBorder>
<DIV style="CURSOR: auto" class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);>620.00</DIV></TD>
<TD class=blackBorder>
<DIV class=DivOut onmouseover=DivOnMouseOver(this); onmouseout=DivOnMouseOut(this);></DIV></TD></TR>
<TR style="DISPLAY: none" id=hdTrList577001_PA40908220132 alt="0">
<TD><INPUT value=hdTrList577001_PA40908220132 type=hidden></TD>
<TD id=hdTdList577001_PA40908220132 colSpan=100></TD>
</TR>
</TBODY>
</TABLE>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步