`
fly533
  • 浏览: 109342 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

用法比较简单的行高亮

阅读更多
 //另外的高亮 调用方法<table  onmouseover="changeto()"  onmouseout="changeback()" >
var  highlightcolor='#c1ebff';//c1ebff
//此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(
var  clickcolor='#51b2f6';//51b2f6
function  changeto(){
source=event.srcElement;
if  (source.tagName=="TR"||source.tagName=="TABLE")
return;
while(source.tagName!="TD")
source=source.parentElement;
source=source.parentElement;
cs  =  source.children;
//alert(cs.length);
if  (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor)
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor=highlightcolor;
}
}

function  changeback(){
if  (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc")
return
if  (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor)
//source.style.backgroundColor=originalcolor
for(i=0;i<cs.length;i++){
	cs[i].style.backgroundColor="";
}
}

分享到:
评论

相关推荐

    ListView选中行高亮

    "ListView选中行高亮"这个话题,就是关于如何实现这个功能的技术要点。 首先,我们来理解一下ListView的基本工作原理。ListView通过Adapter(适配器)来绑定数据源,将数据转化为可显示的View,然后利用View的复用...

    Qml实现的文本显示框(可指定某行高亮)

    在本文中,我们将深入探讨如何使用QML(Qt Quick Markup Language)实现一个具有特定行高亮功能的文本显示框组件。QML是Qt框架的一部分,它允许开发者通过声明式语法来创建用户界面,使得UI设计变得更为直观和高效。...

    RichEdit选中行高亮显示及加入超链接-代码

    在Delphi编程环境中,我们可以利用其强大的功能来实现一些高级特性,比如选中行高亮显示和添加超链接。以下是对这些功能的详细解释和实现方法。 首先,我们要了解如何实现选中行高亮显示。当用户在RichEdit中选择一...

    jquery实现控制表格行高亮实例

    ### jQuery 实现控制表格行高亮实例解析 #### 一、引言 在网页开发过程中,经常需要对表格中的行进行交互式操作,比如当用户点击某一行时,该行会被高亮显示以便于用户更好地识别当前选中的数据。本文将详细介绍...

    QML TableView Demo演示示例

    QML中实现表格可以使用多种方式,比如直接使用ListView,定义每一行delegate,...那么,接下来就看看Quick Control2 的TableView使用方法。 博客介绍:https://blog.csdn.net/luoyayun361/article/details/122361571

    Excel工作表中高亮显示行和列.rar

    以下是一个简单的VBA代码示例,用于实现这一功能: ```vba Private Sub Worksheet_SelectionChange(ByVal Target As Range) ' 清除之前高亮的行和列 Me.Cells.Interior.ColorIndex = xlNone ' 高亮显示选定...

    GridView高亮显示某行

    在Web开发中,特别是使用ASP.NET进行开发时,GridView控件是用于展示数据的一种常用工具。它可以帮助开发者快速地创建一个格式化的表格,并且可以非常方便地添加分页、排序等功能。而在某些情况下,为了提高用户体验...

    详解element-ui表格中勾选checkbox,高亮当前行

    如果当前行的索引存在于`multipleSelection`中,则返回相应的样式类名,使得当前行高亮显示。 5. 通过在`&lt;el-table&gt;`标签上绑定`:row-class-name="rowStyle"`属性,将自定义的`rowStyle`方法应用到每一行,以实现...

    CListCtrl 改变选中行的颜色

    下面是一个简单的示例代码片段,展示如何在`OnDrawItem`中改变选中行的颜色: ```cpp void CMyListCtrl::OnDrawItem(int nIDCtl, LPDRAWITEMSTRUCT lpDrawItemStruct) { CDC* pDC = CDC::FromHandle...

    javascript实现table选中的行以指定颜色高亮显示的方法

    在进行web页面开发时,经常需要对表格行进行交互操作,其中比较常见的需求是选中某一行并以特定颜色高亮显示,以便用户能清楚地知道当前选中的项。本文主要介绍使用JavaScript来实现这一功能的技术方法。通过具体...

    RichEdit自动换行,高亮关键字。Edit自动换行

    在IT领域,文本编辑器是不可或缺的工具,无论是开发人员编写代码、设计师处理文本,还是普通用户日常操作,都需要高效且功能丰富的文本编辑组件...了解并掌握这些控件的用法,对于提升Windows应用的用户体验至关重要。

    SynEdit delphi控件 显示行号 语法高亮

    在Delphi编程环境中,SynEdit是一个广泛使用的源代码编辑器控件,它提供了丰富的特性,如显示行号、语法高亮等,极大地提升了开发者的编码体验。本文将深入探讨如何利用SynEdit控件在Delphi XE7环境下实现这些功能。...

    Jquery简单实现GridView行高亮的方法

    本文将详细介绍如何使用JQuery在GridView中实现行高亮的功能。 首先,我们需要理解提供的代码片段。这段JQuery代码主要分为两个部分:选择器和事件处理。选择器部分`$("#gridID tr:not(tr:last-child)")`选择了...

    jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码

    要使用这个插件,只需要在表格后引入jQuery库和上面定义的脚本,并调用`tableUI`方法: ```html &lt;script src="jquery-1.7.1.js"&gt;&lt;/script&gt; $("table").tableUI(); ``` 这样,表格就会根据配置自动应用隔行变色...

    ICSharpCode.TextEditor如何自定义代码折叠和高亮

    ICSharpCode.TextEditor是一款在.NET平台上广泛使用的开源代码编辑控件,它提供了丰富的文本编辑功能,包括代码高亮和折叠,使得开发人员可以方便地在应用程序中集成代码编辑功能。这款控件支持多种编程语言的语法...

    jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例

    在网页设计中,表格(Table)是常见的数据展示方式,而为了提高用户体验,常常需要对表格进行美化,比如隔行变色以及高亮显示当前...这个方法不仅适用于这个特定的示例,也可以灵活应用到其他类似的表格美化场景中。

    arcengine实现属性查询,查询结果闪烁居中并高亮显示

    例如,我们可以构建一个简单的"WHERE"子句,如`"字段名 = '特定值'"`,然后调用该方法,将查询结果应用到图层上。 在代码实现中,我们可能需要以下步骤: 1. **初始化ArcEngine环境**:首先,我们需要加载Arc...

    CListCtrl控件使用方法总结

    下面将详细介绍CListCtrl控件的使用方法。 1. **控件风格**: - `LVS_ICON`:每项显示大图标。 - `LVS_SMALLICON`:每项显示小图标。 - `LVS_LIST`:显示一列带有小图标的项目。 - `LVS_REPORT`:显示项目的...

Global site tag (gtag.js) - Google Analytics