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&amp;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 职场文书