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&amp;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