我有一个列表视图,当您使用以下代码将鼠标悬停在一行时,它会突出显示一行:
对于 TR:
<tr class="trAlt" onmouseover="over(this)" onmouseout="outalt(this)">
<script>
function over(o) {
if ('trClicked' != o.className)
o.className = 'trOver';
function outalt(o) {
if ('trClicked' != o.className)
o.className = 'trAlt';
function clicked(o) {
o.className = ('trClicked' == o.className) ? 'tr' : 'trClicked';
</script>
现在对于一个特定的单元格,我需要根据它包含的值设置 bgcolor ,我这样做是这样的:
<td nowrap="nowrap" bgcolor='<%#Get_BGColor(Eval("Efficiency"),Eval("AvgAdjEfficiency"))%>'>
<asp:Label ID="EfficiencyLabel" runat="server"
Text='<%# Eval("Efficiency") %>' />
</td>
款式标签:
<style>
/* ItemTemplate TR background colour */
.tr
{
background-color:#222;
}
/* AlternatingItemTemplate TR background colour */
.trAlt
{
background-color:#595959;
}
/* When mouse is over TR background colour */
.trOver
{
background-color:#898989;
}
/* When mouse click on TR background colour */
.trClicked
{
background-color:Red;
}
</style>
问题是当鼠标悬停时,上面的单元格会覆盖该行的 bgcolor(上面的函数 over())。
我怎样才能做到这一点,当您将鼠标悬停时,它也会将该单元格 bgcolor 更改为突出显示颜色,然后将其设置回来(上面的函数 outalt() )?