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

判断页面是关闭还是刷新的js代码

Jan 28 Javascript

JavaScript OOP类与继承

Nov 15 Javascript

javascript 基础篇1 什么是js 建立第一个js程序

Mar 14 Javascript

利用浏览器全屏api实现js全屏

Jan 16 Javascript

javascript框架设计读书笔记之数组的扩展与修复

Dec 02 Javascript

jQuery实现表格颜色交替显示的方法

Mar 09 Javascript

JS中判断null的方法分析

Nov 21 Javascript

深入理解javascript中的 “this”

Jan 17 Javascript

Vue.js做select下拉列表的实例(ul-li标签仿select标签)

Mar 02 Javascript

微信小程序实现分享到朋友圈功能

Jul 19 Javascript

js实现中文实时时钟

Jan 15 Javascript

vue 使用 canvas 实现手写电子签名

Mar 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

laravel中的一些简单实用功能

2018/11/03 PHP

在视频前插入广告

2006/11/20 Javascript

Jquery 滑入滑出效果实现代码

2010/03/27 Javascript

GridView中获取被点击行中的DropDownList和TextBox中的值

2013/07/18 Javascript

jquery弹出框的用法示例(2)

2013/08/26 Javascript

js特殊字符过滤的示例代码

2014/03/05 Javascript

jquery序列化方法实例分析

2015/06/10 Javascript

js实现模拟银行卡账号输入显示效果

2015/11/18 Javascript

一些实用性较高的js方法

2016/04/19 Javascript

原生js实现对Ajax的封装(仿jquery)

2017/01/22 Javascript

AngularJS表格添加序号的方法

2017/03/03 Javascript

jQuery 利用ztree实现树形表格的实例代码

2017/09/27 jQuery

vue组件中使用iframe元素的示例代码

2017/12/13 Javascript

jQuery实现页码跳转式动态数据分页

2017/12/31 jQuery

微信小程序实现image组件图片自适应宽度比例显示的方法

2018/01/16 Javascript

浅谈Webpack 是如何加载模块的

2018/05/24 Javascript

超出JavaScript安全整数限制的数字计算BigInt详解

2018/06/24 Javascript

js中时间格式化的几种方法

2018/07/22 Javascript

微信小程序自定义轮播图

2018/11/04 Javascript

Vue中props的详解

2019/05/16 Javascript

微信小程序云开发使用方法新手初体验

2019/05/16 Javascript

tweenjs缓动算法的使用实例分析

2019/08/26 Javascript

关于vue-cli3打包代码后白屏的解决方案

2020/09/02 Javascript

jenkins自动构建发布vue项目的方法步骤

2021/01/04 Vue.js

python+opencv实现的简单人脸识别代码示例

2017/11/14 Python

Django实战之用户认证（用户登录与注销）

2018/07/16 Python

Django项目使用CircleCI的方法示例

2019/07/14 Python

扩展Django admin的list_filter()可使用范围方法

2019/08/21 Python

Python爬取知乎图片代码实现解析

2019/09/17 Python

python 正则表达式参数替换实例详解

2020/01/17 Python

在python中list作函数形参,防止被实参修改的实现方法

2020/06/05 Python

英国最受欢迎的在线隐形眼镜商店：VisionDirect.co.uk

2018/12/06 全球购物

PHP中如何使用Cookie

2015/10/28 面试题

经典公益广告词

2014/03/13 职场文书

小学优秀教育工作者事迹材料

2014/05/09 职场文书

2015年母亲节活动策划方案

2015/05/04 职场文书