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 - 实例 &amp; 模式)
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 职场文书