`

光标经过表格行时变背景颜色

阅读更多
要使光标经过表格行时,行的背景颜色发生变化。可以使用:onmouseover="this.styl=bgColor='#999999'",注意:所在行的单元格不能设置了背景颜色。光标离开时变回原来的背景颜色: onmouseout="this.style=bgColor='#ffffff'"
注意 bgColor的"c"应大写,可以利用此方法给单元格加背景颜色。
代码如下:
<table width="600" border="0" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC">
  <tr bgcolor="#FFFFFF" onmouseover="this.style=bgColor='#999999'"  onmouseout="this.style=bgColor='#FFFFFF'">
    <td width="137"> </td>
    <td width="440" > </td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td height="57"> </td>
    <td onmouseover="this.style=bgColor='#CCCCCC'" onmouseout="this.style=bgColor=''"> </td>
  </tr>
</table>

--------------------------------------------------------------------
下面介绍第二种方法,JS调用:
<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>

<!--以下是你代码是用来触发事件的,也是改变颜色的地方-->
<table border="1" width="54%">
  <tr onMouseover="changeto('#fff362')" onMouseout="changeback('white')">
    <td width="100%"> </td>
  </tr>
  <tr onMouseover="changeto('#ff5525')" onMouseout="changeback('white')">
    <td width="100%"> </td>
  </tr>
  <tr onMouseover="changeto('#ff2262')" onMouseout="changeback('white')">
    <td width="100%"> </td>
  </tr>
</table>

分享到:
评论

相关推荐

    点击表格行时变手形且有动作的代码

    这表示当鼠标悬停在行上时,行的背景颜色将变为粉红色(`#FF99CC`)。当鼠标移开时,通过`onMouseOut`属性恢复背景颜色: ```html onMouseOut="this.style.backgroundColor=''" ``` #### 四、综合应用 **知识点7...

    WPF ListView 选择和鼠标移上去行背景颜色的去除与更改

    本文将深入探讨如何自定义ListView的选择和鼠标悬停时的行背景颜色,以及如何通过MVVM(Model-View-ViewModel)模式来实现这一目标。 首先,我们要了解ListView的基本工作原理。ListView通过ItemsControl的子类实现...

    表格在编辑状态时不需要按回车即可直接用光标键退出编辑并移动光标.e.rar

    标题提到的"表格在编辑状态时不需要按回车即可直接用光标键退出编辑并移动光标"这一功能,是为了提高用户在操作表格时的工作流速度。通常情况下,我们在单元格中输入数据后,需要按下回车键才能结束编辑并移动到下一...

    获取光标处的颜色

    在计算机编程中,获取光标处的颜色是一项实用的技术,尤其对于开发者来说,它可以帮助调试图形界面或者进行像素级的操作。这个工具可能是一个小程序,能够实时显示鼠标指针所在位置的像素颜色值。以下是对这个主题的...

    用C语言在VC上设置光标为位置和改变DOS框背景颜色

    这个函数接受两个参数`x`和`y`,分别代表光标要移动到的列和行位置,然后使用`SetConsoleCursorPosition`函数更新控制台的光标位置。 2. **改变DOS框背景颜色**: 在VC中,我们不能像在TC中那样直接使用`...

    易语言高级表格鼠标移动时改变行背景色API版

    在这个"易语言高级表格鼠标移动时改变行背景色API版"的项目中,我们关注的是如何在易语言中实现一个功能,即当鼠标在表格上移动时,动态地改变行的背景颜色。 首先,我们需要理解"高级表格"这一概念。在许多应用...

    WPF DataGrid 行的背景色根据行中某一字段的值来显示

    WPF的DataGrid展示数据源数据时,需要根据某行中某一字段值,来显示背景颜色。这里简单做了一个int类型的值,为0的时候为橙色,为1的时候为草绿色....也可以在数据源中添加Color列,并直接存放Color的16进制值,并...

    MDK5编程背景颜色黑色背景

    MDK5编程背景颜色 黑色背景,防止眼疲劳

    WPS表格2021为表格设置图形背景.docx

    4. 图片插入后,输入光标所在的页眉编辑框中显示 “[图片]”,确定完成设置后,你马上可以看到表格的图片背景效果。 位置调整 在页眉中插入的图片一般总是会超出表格外,因此我们需要再做一些位置调整。具体步骤...

    DataGridView光标定位到特定值的行

    ### DataGridView光标定位到特定值的行 在.NET框架下的Windows Forms应用程序中,DataGridView 控件是一种非常实用且功能丰富的表格控件,它可以帮助开发者轻松地显示、编辑和管理数据。有时候,我们需要在用户进行...

    C++ 设置控制台(命令行)窗口 光标位置,及前背景颜色

    C++ 设置控制台(命令行)窗口光标位置和前背景颜色 C++ 设置控制台(命令行)窗口光标位置和前背景颜色是C++ 编程语言中的一种功能,它允许开发者控制控制台窗口的光标位置和前背景颜色。本文将详细介绍C++ 设置控制台...

    VB RichTextBox 每行文字设置不同颜色

    `Text`属性用于获取或设置控件中的文本内容,`SelectionStart`用于设定光标位置,`SelectionLength`用于设定选中文本的长度,而`SelectionColor`则可以用来改变选中文本的颜色。 要为每行设置不同颜色,我们需要...

    QlineEdit重写,可以设置占位文本颜色等

    1. **占位文本颜色设置**:默认情况下,QLineEdit的占位文本颜色较淡,可能不满足所有设计要求。通过重写QLineEdit,我们可以创建一个自定义的类,然后覆盖`paintEvent()`函数,以改变占位文本的画刷颜色。首先,...

    键盘方向键移动表格中的光标(包含鼠标选择)

    而在Excel中,可以通过条件格式化或手动填充颜色来改变单元格背景色,以此强调重要数据或创建视觉分隔。例如,可以用条件格式设定,当数值达到一定条件时,自动为单元格填充特定颜色。 在实际应用中,结合键盘方向...

    .net页面实现表格上下左右移动光标

    2. **初始化光标位置**:设置一个变量来跟踪当前的光标位置,例如`cursorPos`,初始值设为第一行第一列。 3. **定义移动函数**:创建四个函数分别处理上、下、左、右的光标移动。每个函数需要检查边界条件,防止...

    MFC编辑框控件背景 边框 颜色 文字 属性修改

    本篇文章将详细讲解如何在MFC框架下扩展编辑框控件(CEdit)的功能,包括修改编辑框的背景颜色、文字格式以及边框颜色。 首先,我们需要创建一个自定义的编辑框类,继承自MFC的CEdit类。这通常通过创建一个新的...

    获取光标所在的行和列

    本文将详细解释如何在VB中获取光标所在的行和列。 首先,我们要明白VB中的“光标位置”通常是指在文本控件(如TextBox或RichTextBox)中用户输入时的插入点。在文本编辑环境中,光标的位置可以被表示为当前行和列的...

    dw改变表格边框颜色.docx

    然后,将光标定位在此 1 行 1 列的表格中,根据需要插入一个几行几列的嵌套表格,此嵌套表格的“边框”一定设置为 0,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。 在 DW 表格应用中,细线...

    e语言-让你的表格在编辑状态时不需要按回车即可直接用光标键退出编辑并移动光标

    4. **自定义控件行为**:可能需要扩展默认的表格控件功能,创建一个自定义的表格类,以便在其中添加新的行为,如上述的光标键退出编辑。 5. **代码逻辑**:编写适当的逻辑代码,确保在用户按下光标键时,正确地结束...

    表格用光标键移动光标.zip易语言项目例子源码下载

    本项目“表格用光标键移动光标”是一个易语言的实例,主要展示了如何利用易语言编写程序,使用户能够通过键盘上的光标键在表格中移动光标,从而实现数据的浏览和编辑。 易语言的核心特点是其直观的中文语法,例如,...

Global site tag (gtag.js) - Google Analytics