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

简单实用jquery版三级联动select示例

Jul 04 Javascript

jQuery实现图片信息的浮动显示实例代码

Aug 28 Javascript

sencha touch 模仿tabpanel导航栏TabBar的实例代码

Oct 24 Javascript

JavaScript网页定位详解

Jan 13 Javascript

通过正则表达式实现表单验证是否为中文

Feb 18 Javascript

js关于命名空间的函数实例

Feb 05 Javascript

jQuery实现默认是闭合的FAQ展开效果菜单

Sep 14 Javascript

快速学习jQuery插件 Form表单插件使用方法

Dec 01 Javascript

JS判断指定dom元素是否在屏幕内的方法实例

Jan 23 Javascript

详解webpack提取第三方库的正确姿势

Dec 22 Javascript

javascript使用正则实现去掉字符串前面的所有0

Jul 23 Javascript

JavaScript数组类型Array相关的属性与方法详解

Sep 08 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实现像JSP,ASP里Application那样的全局变量

2007/01/12 PHP

深入php-fpm的两种进程管理模式详解

2013/06/03 PHP

PHP实现防止表单重复提交功能【基于token验证】

2018/05/24 PHP

laravel实现上传图片并在页面显示的例子

2019/10/14 PHP

纯js实现的论坛常用的运行代码的效果

2008/07/15 Javascript

深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点

2012/01/15 Javascript

点击A元素触发B元素的事件在IE8下会识别成A元素

2014/09/04 Javascript

浅谈javascript对象模型和function对象

2014/12/26 Javascript

JQuery中serialize() 序列化

2015/03/13 Javascript

浅谈javascript中replace()方法

2015/11/10 Javascript

jQuery实现页面下拉100像素出现悬浮窗口的方法

2016/09/05 Javascript

简易的JS计算器实现代码

2016/10/18 Javascript

jQuery操作复选框(CheckBox)的取值赋值实现代码

2017/01/10 Javascript

微信小程序简单实现form表单获取输入数据功能示例

2017/11/30 Javascript

vue中post请求以a=a&b=b 的格式写遇到的问题

2018/04/27 Javascript

详解js跨域请求的两种方式，支持post请求

2018/05/05 Javascript

详解组件库的webpack构建速度优化

2018/06/18 Javascript

ios设备中angularjs无法改变页面title的解决方法

2018/09/13 Javascript

JavaScript使用面向对象实现的拖拽功能详解

2019/06/12 Javascript

[03:46]DOTA2英雄基础教程维萨吉

2013/12/11 DOTA

分享一个简单的python读写文件脚本

2017/11/25 Python

Python实现时钟显示效果思路详解

2018/04/11 Python

Python封装原理与实现方法详解

2018/08/28 Python

python用pandas数据加载、存储与文件格式的实例

2018/12/07 Python

Python实现的读取文件内容并写入其他文件操作示例

2019/04/09 Python

python pyecharts 实现一个文件绘制多张图

2020/05/13 Python

html5贪吃蛇游戏使用63行代码完美实现

2013/06/25 HTML / CSS

马来西亚航空官方网站：Malaysia Airlines

2017/07/28 全球购物

PHP如何自定义函数

2016/09/16 面试题

信用卡工资证明范本

2015/06/19 职场文书

入队仪式主持词

2015/07/04 职场文书

员工担保书范本

2015/09/22 职场文书

深入理解Vue的数据响应式

2021/05/15 Vue.js

如何解决php-fpm启动不了问题

2021/11/17 PHP

Apache Hudi数据布局黑科技降低一半查询时间

2022/03/31 Servers

Windows和Linux上部署Golang并运行程序

2022/04/22 Servers