编程 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 操作文件实现方法小结

Jul 02 Javascript

你的 mixin 真的兼容 ECMAScript 5 吗?

Apr 11 Javascript

js或jquery实现页面打印可局部打印

Mar 27 Javascript

零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门

Dec 20 Javascript

jQuery基于ajax()使用serialize()提交form数据的方法

Dec 08 Javascript

ES6新特性之模块Module用法详解

Apr 01 Javascript

AngularJS封装$http.post()实例详解

May 06 Javascript

Vue.js点击切换按钮改变内容的实例讲解

Aug 22 Javascript

微信小程序组件传值图示过程详解

Jul 31 Javascript

JS校验与最终登陆界面功能完整示例

Jan 13 Javascript

JavaScript布尔运算符原理使用解析

May 06 Javascript

基于element-ui封装可搜索的懒加载tree组件的实现

May 22 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显示Facebook的粉丝数量方法

2014/01/08 PHP

PHP实现合并discuz用户

2015/08/05 PHP

PHP 使用二进制保存用户状态的实例

2018/01/29 PHP

PHP SESSION机制的理解与实例

2019/03/22 PHP

ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解

2019/04/09 PHP

PHP日期和时间函数的使用示例详解

2020/08/06 PHP

javascript 支持ie和firefox杰奇翻页函数

2008/07/22 Javascript

jQuery 自动增长的文本输入框实现代码

2010/04/02 Javascript

Shell脚本实现Linux系统和进程资源监控

2015/03/05 Javascript

jQuery插件ImageDrawer.js实现动态绘制图片动画（附源码下载）

2016/02/25 Javascript

使用vue.js制作分页组件

2016/06/27 Javascript

浅谈jQuery中Ajax事件beforesend及各参数含义

2016/12/03 Javascript

Mongoose学习全面理解(推荐)

2017/01/21 Javascript

JavaScript数据结构之数组的表示方法示例

2017/04/12 Javascript

p5.js入门教程和基本形状绘制

2018/03/15 Javascript

vue2.0+koa2+mongodb实现注册登录

2018/04/10 Javascript

vue router 跳转时打开新页面的示例方法

2019/07/28 Javascript

[04:47]DOTA2-潍坊风行电子俱乐部探秘

2014/08/08 DOTA

python基于mysql实现的简单队列以及跨进程锁实例详解

2014/07/07 Python

Python判断文件和文件夹是否存在的方法

2015/05/21 Python

Python爬虫DNS解析缓存方法实例分析

2017/06/02 Python

详解python里使用正则表达式的全匹配功能

2017/10/19 Python

Python代码缩进和测试模块示例详解

2018/05/07 Python

使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友

2019/06/05 Python

python如何删除文件中重复的字段

2019/07/16 Python

在keras里实现自定义上采样层

2020/06/28 Python

解决Python中导入自己写的类,被划红线,但不影响执行的问题

2020/07/13 Python

python实现双人五子棋（终端版）

2020/12/30 Python

HTML5 Canvas绘制圆点虚线实例

2015/01/01 HTML / CSS

杭州龙健科技笔试题.net部分笔试题

2016/01/24 面试题

个人先进事迹总结

2015/02/26 职场文书

2015年党建工作汇报材料

2015/06/25 职场文书

校运会通讯稿

2015/07/18 职场文书

高中开学感言

2015/08/01 职场文书

Mysql数据库按时间点恢复实战记录

2021/06/30 MySQL

mysql 8.0.27 绿色解压版安装教程及配置方法

2022/04/20 MySQL