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

Vue.JS入门教程之处理表单

Dec 01 Javascript

从零学习node.js之文件操作（三）

Feb 21 Javascript

jQuery弹出窗口简单实现代码

Mar 09 Javascript

Vue.js实现文章评论和回复评论功能

May 30 Javascript

Vue2.x中的Render函数详解

May 30 Javascript

MVVM 双向绑定的实现代码

Jun 21 Javascript

angularjs $http调用接口的方式详解

Aug 13 Javascript

jquery判断滚动条距离顶部的距离方法

Sep 05 jQuery

详解微信小程序开发聊天室—实时聊天，支持图片预览

May 20 Javascript

过滤器vue.filters的使用方法实现

Sep 18 Javascript

layui table动态表头改变表格头部重新加载表格的方法

Sep 21 Javascript

JS使用正则表达式判断输入框失去焦点事件

Oct 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

Laravel学习教程之request validation的编写

2017/10/25 PHP

网页开发中的容易忽略的问题 javascript HTML中的table

2009/04/15 Javascript

jquery 之 $().hover(func1, funct2)使用方法

2012/06/14 Javascript

js数组中如何随机取出一个值

2014/06/13 Javascript

jquery+javascript编写国籍控件

2015/02/12 Javascript

js给网页加上背景音乐及选择音效的方法

2015/03/03 Javascript

BootStrap下拉框在firefox浏览器界面不友好的解决方案

2016/08/18 Javascript

深入理解nodejs中Express的中间件

2017/05/19 NodeJs

AngularJS 的$timeout服务示例代码

2017/09/21 Javascript

解决webpack无法通过IP地址访问localhost的问题

2018/02/22 Javascript

在Vue项目中使用d3.js的实例代码

2018/05/01 Javascript

clipboard.js在移动端复制失败的解决方法

2018/06/13 Javascript

微信小程序实现运动步数排行功能（可删除）

2018/07/05 Javascript

vue组件tabbar使用方法详解

2018/11/06 Javascript

antd Upload 文件上传的示例代码

2018/12/14 Javascript

jQuery内容过滤选择器与子元素过滤选择器用法实例分析

2019/02/20 jQuery

vuex实现数据状态持久化

2019/11/11 Javascript

Python是编译运行的验证方法

2015/01/30 Python

Windows系统下使用flup搭建Nginx和Python环境的方法

2015/12/25 Python

Python排序算法实例代码

2017/08/10 Python

Python中static相关知识小结

2018/01/02 Python

Django中的Model操作表的实现

2018/07/24 Python

对Python中内置异常层次结构详解

2018/10/18 Python

python+flask实现API的方法

2018/11/21 Python

Python图像处理PIL各模块详细介绍(推荐)

2019/07/17 Python

Python之Class&Object用法详解

2019/12/25 Python

CSS去掉A标签（链接）虚线框的方法

2014/04/01 HTML / CSS

越南综合购物网站：Lazada越南

2019/06/10 全球购物

Foot Locker澳洲官网：美国运动服和鞋类零售商

2019/10/11 全球购物

施工安全责任书范本

2014/07/24 职场文书

我为党旗添光彩演讲稿

2014/09/10 职场文书

房屋认购协议书

2015/01/29 职场文书

护士先进个人总结

2015/02/13 职场文书

2015毕业生自我评价范文

2015/03/02 职场文书

2015年中学总务处工作总结

2015/07/22 职场文书

机械原理课程设计心得体会

2016/01/15 职场文书