使用javascript,当鼠标移过Table时,改变行的颜色
2008-07-29 16:59
309 查看
TD标签在没有给其设置颜色时是透明的,因此行的颜色由TR设置,注意:在OnMouseMove与OnMouseOut事件中设置颜色的js必须是this.style.background=...或者this.bgColor=...,注意javascript区分大小写
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<TR bgcolor=#ffffcc onmousemove='this.style.background="Silver"'
OnMouseOut='this.style.background="#ffffcc"'>
<td width="220" height="26" >
<a href='MainList.aspx?BID=<%# DataBinder.Eval(Container.DataItem, "BigClass_ID") %>&SID=<%# DataBinder.Eval(Container, "DataItem.SmallClass_ID") %>'>
<%# DataBinder.Eval(Container.DataItem, "SmallClass_Name") %>
</a>
</td>
<td align="left" valign="middle" height="22" >
<%# DataBinder.Eval(Container, "DataItem.Memo") %>
</td>
<td width="80" align="center" height="22">
<%# DataBinder.Eval(Container, "DataItem.nosolved") %>
/<%# DataBinder.Eval(Container, "DataItem.SUM") %>
</td>
</TR>
</table>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<TR bgcolor=#ffffcc onmousemove='this.style.background="Silver"'
OnMouseOut='this.style.background="#ffffcc"'>
<td width="220" height="26" >
<a href='MainList.aspx?BID=<%# DataBinder.Eval(Container.DataItem, "BigClass_ID") %>&SID=<%# DataBinder.Eval(Container, "DataItem.SmallClass_ID") %>'>
<%# DataBinder.Eval(Container.DataItem, "SmallClass_Name") %>
</a>
</td>
<td align="left" valign="middle" height="22" >
<%# DataBinder.Eval(Container, "DataItem.Memo") %>
</td>
<td width="80" align="center" height="22">
<%# DataBinder.Eval(Container, "DataItem.nosolved") %>
/<%# DataBinder.Eval(Container, "DataItem.SUM") %>
</td>
</TR>
</table>
相关文章推荐
- JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
- CSS 鼠标经过时改变table所在行的颜色
- CSS 鼠标经过时改变table所在行的颜色
- 借助JavaScript中的时间函数改变Html中Table边框的颜色
- 在WebDataGrid中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- 在Web DataGrid中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- 使用JQ添加css的背景样式,之后,hover失效,鼠标滑过没有改变颜色
- javascript鼠标悬停改变背景颜色显示隐藏下级菜单
- 在 Web DataGrid 中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- 在表格菜单中,用JavaScript实现随着鼠标的滚动改变行的颜色
- 如何实现table背景色随鼠标移动改变颜色?
- table 鼠标移上去改变单元格边框颜色。
- JS实现页面table鼠标移动改变tr行颜色,单击tr选中复选框功能
- 借助JavaScript中的Dom属性改变Html中Table边框的颜色
- 在Web DataGrid 中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- 在Web DataGrid中当鼠标移到某行与离开时行的颜色发生改变(结合javascript)
- 使用鼠标点击事件改变标题颜色
- 将使用DataGrid进行数据绑定,使用Javascript控制当选中其中的checkbox时,该行颜色改变
- table根据表格内的元素改变行颜色的javascript实现