编程 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的面向对象的特性实现限制试用期

Aug 04 Javascript

jQuery实现图片轮播特效代码分享

Sep 15 Javascript

BootStrap栅格系统、表单样式与按钮样式源码解析

Jan 20 Javascript

原生JS实现跑马灯效果

Feb 20 Javascript

JS触摸事件、手势事件详解

May 04 Javascript

详谈表单重复提交的三种情况及解决方法

Aug 16 Javascript

Vue.js实现按钮的动态绑定效果及实现代码

Aug 21 Javascript

swiper在angularjs中使用循环轮播失效的解决方法

Sep 27 Javascript

简单易扩展可控性强的Jquery转盘抽奖程序

Mar 16 jQuery

微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解

Mar 29 Javascript

JS实现音乐钢琴特效

Jan 06 Javascript

详解Javascript实践中的命令模式

May 05 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 adodb操作mysql数据库

2009/03/19 PHP

PHP的异常处理类Exception的使用及说明

2012/06/13 PHP

PHP中is_file()函数使用指南

2015/05/08 PHP

PHP实现图片上传并压缩

2015/12/22 PHP

Yii2简单实现多语言配置的方法

2016/07/23 PHP

Laravel 微信小程序后端实现用户登录的示例代码

2019/11/26 PHP

JavaScript 异步调用框架 (Part 6 - 实例 & 模式)

2009/08/04 Javascript

extjs 学习笔记四带分页的grid

2009/10/20 Javascript

javascript 三种编解码方式

2010/02/01 Javascript

随鼠标移动的时钟非常漂亮遗憾的是只支持IE

2014/08/12 Javascript

node.js中的fs.fstatSync方法使用说明

2014/12/15 Javascript

jQuery中:last-child选择器用法实例

2014/12/31 Javascript

javascript基于prototype实现类似OOP继承的方法

2015/12/16 Javascript

JavaScript iframe数据共享接口实现方法

2016/01/06 Javascript

Bootstrap table使用方法记录

2017/08/23 Javascript

基于Vue实现可以拖拽的树形表格实例详解

2018/10/18 Javascript

Vue3+elementui plus创建项目的方法

2020/12/01 Vue.js

[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局

2016/03/02 DOTA

python 实现文件的递归拷贝实现代码

2012/08/02 Python

Python-基础-入门简介

2014/08/09 Python

Python中使用插入排序算法的简单分析与代码示例

2016/05/04 Python

python snownlp情感分析简易demo(分享)

2017/06/04 Python

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

2018/05/07 Python

手把手教你如何安装Pycharm(详细图文教程)

2018/11/28 Python

python自动化工具之pywinauto实例详解

2019/08/26 Python

基于Python实现拆分和合并GIF动态图

2019/10/22 Python

python机器学习实现决策树

2019/11/11 Python

中医药大学市场营销专业自荐信

2013/09/29 职场文书

大学同学聚会邀请函

2014/01/29 职场文书

优秀学生事迹材料

2014/02/08 职场文书

安全负责人任命书

2014/06/06 职场文书

小学庆六一活动总结

2014/08/28 职场文书

先进基层党组织事迹材料

2014/12/25 职场文书

班级元旦晚会开幕词

2016/03/04 职场文书

未来，这5大方向都很适合创业

2019/07/22 职场文书

2019年最新感恩节祝福语（28句）

2019/11/27 职场文书