编程 Javascript

javascript使用onclick事件改变选中行的颜色

Posted in Javascript onDecember 30, 2013

html页面的table 中一行一行的显示当然 div也行可设置在鼠标放上去时改变其颜色部分代码如下

<script type="text/javascript">
var currentActiveRow; //当前活动行
//改变选中行的颜色
function changeActiveRow(obj) {
    if (currentActiveRow) {
        currentActiveRow.style.backgroundColor = "";
    }
    currentActiveRow = obj;
    currentActiveRow.style.backgroundColor = "#F2F2F2";
}
</script>

然后在td上设置onmousehover或者onclick事件即可 onmouseover="changeActiveRow(this)"

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript中的new的使用方法与注意事项

May 16 Javascript

如何用ajax来创建一个XMLHttpRequest对象

Dec 10 Javascript

DOM 高级编程

May 06 Javascript

JavaScript包装对象使用详解

Jul 09 Javascript

JavaScript基础篇（6）之函数表达式闭包

Dec 11 Javascript

angularjs在ng-repeat中使用ng-model遇到的问题

Jan 21 Javascript

AngularJs Using $location详解及示例代码

Sep 02 Javascript

JavaScript实现定时页面跳转功能示例

Feb 14 Javascript

浅谈对Angular中的生命周期钩子的理解

Jul 31 Javascript

微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】

Dec 06 Javascript

JS实现带动画的回到顶部效果

Dec 28 Javascript

Node.js Windows Binary二进制文件安装方法

May 16 Javascript

使用js如何实现全选与全不选

Dec 30 #Javascript

javascript操作css属性

Dec 30 #Javascript

JS延迟加载加快页面打开速度示例代码

Dec 30 #Javascript

深入理解javascript中return的作用

Dec 30 #Javascript

禁止IE用右键的JS代码

Dec 30 #Javascript

js将控件隐藏及display属性的使用介绍

Dec 30 #Javascript

JS的document.all函数使用示例

Dec 30 #Javascript

You might like

php中explode与split的区别介绍

2012/10/03 PHP

Laravel如何实现适合Api的异常处理响应格式

2020/06/14 PHP

javascript AutoScroller 函数类

2009/05/29 Javascript

地址栏传递中文参数乱码在js里用escape转码

2013/08/28 Javascript

node.js中的fs.fsync方法使用说明

2014/12/15 Javascript

jQuery EasyUI datagrid实现本地分页的方法

2015/02/13 Javascript

JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“

2016/06/16 Javascript

jquery.qtip提示信息插件用法简单实例

2016/06/17 Javascript

AngularJS 中文API参考手册

2016/07/28 Javascript

jquery延迟对象解析

2016/10/26 Javascript

Javascript this 函数深入详解

2016/12/13 Javascript

Bootstrap CSS组件之面包屑导航(breadcrumb)

2016/12/17 Javascript

微信小程序授权获取用户详细信息openid的实例详解

2017/09/20 Javascript

使用async-validator编写Form组件的方法

2018/01/10 Javascript

JS+HTML实现的圆形可点击区域示例【3种方法】

2018/08/01 Javascript

vue data恢复初始化数据的实现方法

2019/10/31 Javascript

[03:11]2014DOTA2国际邀请赛-VG掉入败者组独家专访357

2014/07/19 DOTA

[50:24]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17

2018/08/20 DOTA

python操作数据库之sqlite3打开数据库、删除、修改示例

2014/03/13 Python

Python的requests网络编程包使用教程

2016/07/11 Python

Python 实现一个颜色色值转换的小工具

2016/12/06 Python

VTK与Python实现机械臂三维模型可视化详解

2017/12/13 Python

Python切片操作深入详解

2018/07/27 Python

python单例模式的多种实现方法

2019/07/26 Python

使用keras实现孪生网络中的权值共享教程

2020/06/11 Python

利用CSS3实现文本框的清除按钮相关的一些效果

2015/06/23 HTML / CSS

Dr.Jart+美国官网：韩国药妆品牌

2019/01/18 全球购物

Athleta官网：购买女士瑜伽服、技术运动服和休闲运动服

2020/11/12 全球购物

2014国培学习感言

2014/03/05 职场文书

学前班评语大全

2014/05/04 职场文书

教师职业道德事迹材料

2014/08/18 职场文书

2015年班级工作总结范文

2015/04/03 职场文书

人工作失职检讨书

2015/05/05 职场文书

政审证明范文

2015/06/19 职场文书

Java Kafka 消费积压监控的示例代码

2021/07/01 Java/Android

《勇者辞职不干了》ED主题曲无字幕动画MV公开

2022/04/13 日漫