编程 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 相关文章推荐

在IE 浏览器中使用 jquery的fadeIn() 效果英文字符字体加粗

Jun 02 Javascript

Javascript实现字数统计

Jul 03 Javascript

javascript的变量、传值、传址、参数之间关系

Jul 26 Javascript

举例讲解JavaScript中关于对象操作的相关知识

Nov 16 Javascript

jQuery实现的超链接提示效果示例【附demo源码下载】

Sep 09 Javascript

手机端实现Bootstrap简单图片轮播效果

Oct 13 Javascript

使用jsonp实现跨域获取数据实例讲解

Dec 25 Javascript

深入理解Angular.JS中的Scope继承

Jun 04 Javascript

iview table render集成switch开关的实例

Mar 14 Javascript

使用express来代理服务的方法

Jun 21 Javascript

Vuex的实战使用详解

Oct 31 Javascript

详解vue页面首次加载缓慢原因及解决方案

Nov 06 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并发访问实例代码

2012/09/06 PHP

php+mysql数据库实现无限分类的方法

2014/12/12 PHP

PHP批量查询WordPress留言者E-mail地址实现方法

2015/02/15 PHP

在Mac上编译安装PHP7的开发环境

2015/07/28 PHP

PHP获取某个月最大天数（最后一天）的方法

2015/07/29 PHP

Yii2框架使用计划任务的方法

2016/05/25 PHP

PHP错误处理函数register_shutdown_function使用示例

2017/07/03 PHP

javascript下IE与FF兼容函数收集

2008/09/17 Javascript

js实时获取系统当前时间实例代码

2013/06/28 Javascript

Javascript之this关键字深入解析

2013/11/12 Javascript

JS代码防止SQL注入的方法(超简单)

2016/04/12 Javascript

angular.js分页代码的实例

2016/07/27 Javascript

AngularJS入门教程之MVC架构实例分析

2016/11/01 Javascript

详解Angular2响应式表单

2017/06/14 Javascript

jquery+ajaxform+springboot控件实现数据更新功能

2018/01/22 jQuery

一个基于react的图片裁剪组件示例

2018/04/18 Javascript

layui数据表格跨行自动合并的例子

2019/09/02 Javascript

Vue使用JSEncrypt实现rsa加密及挂载方法

2020/02/07 Javascript

js实现炫酷光感效果

2020/09/05 Javascript

[48:21]林俊杰圣堂刺客超神杀戮秀

2014/10/29 DOTA

[02:44]完美大师赛主赛事淘汰赛第二日观众采访

2017/11/24 DOTA

python 识别图片中的文字信息方法

2018/05/10 Python

python实现求特征选择的信息增益

2018/12/18 Python

python调用摄像头拍摄数据集

2019/06/01 Python

Django ModelForm组件使用方法详解

2019/07/23 Python

解决django 新增加用户信息出现错误的问题

2019/07/28 Python

python并发爬虫实用工具tomorrow实用解析

2019/09/25 Python

Python日志syslog使用原理详解

2020/02/18 Python

Python调用shell cmd方法代码示例解析

2020/06/18 Python

详解win10下pytorch-gpu安装以及CUDA详细安装过程

2021/01/28 Python

倡议书的格式写法

2015/04/28 职场文书

2015年幼儿园安全工作总结

2015/05/12 职场文书

假期读书倡议书3篇

2019/08/19 职场文书

JavaScript实现班级抽签小程序

2021/05/19 Javascript

MySQL 中如何归档数据的实现方法

2022/03/16 SQL Server

「魔法少女伊莉雅」美游粘土人开订

2022/03/21 日漫