鼠标经过tr时,改变tr当前背景颜色


Posted in Javascript onJanuary 13, 2014

示例如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>鼠标经过给tr换颜色</title>    
</head>
<body>
<table align="center" width="100%" border="1" cellspacing="1" cellpadding="1" >
  <tr style="cursor:hand " onmousemove="changeTrColor(this)">
    <td align="center">1</td>
    <td height="20"> 123</td>
    <td height="20"> abvx</td>
    <td height="20"> 465465</td>
    <td height="20">546654654</td>
  </tr>
  <tr style="cursor:hand " onmousemove="changeTrColor(this)">
    <td align="center">1</td>
    <td height="20"> 123</td>
    <td height="20"> abvx</td>
    <td height="20"> 465465</td>
    <td height="20">546654654</td>
  </tr>    
  <tr style="cursor:hand " onmousemove="changeTrColor(this)">
    <td align="center">1</td>
    <td height="20"> 123</td>
    <td height="20"> abvx</td>
    <td height="20"> 465465</td>
    <td height="20">546654654</td>
  </tr>
</table>
<script type="text/javascript">
function changeTrColor(obj){    
    var _table=obj.parentNode;
    for (var i=0;i<_table.rows.length;i++){
        _table.rows[i].style.backgroundColor="";
    }    
    obj.style.backgroundColor="blue";
}
</script>
</form>
</body>
</html>
Javascript 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
Jquery 实现图片轮换
Jan 28 Javascript
JS+CSS实现Li列表隔行换色效果的方法
Feb 16 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
Angular利用trackBy提升性能的方法
Jan 26 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 #Javascript
JS文本获得焦点清除文本文字的示例代码
Jan 13 #Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
Jan 13 #Javascript
parentElement,srcElement的使用小结
Jan 13 #Javascript
javaScript中的this示例学习详解及工作原理
Jan 13 #Javascript
JS 日期比较大小的简单实例
Jan 13 #Javascript
JS之Date对象和获取系统当前时间详解
Jan 13 #Javascript
You might like
php递归调用删除数组空值元素的方法
2015/04/28 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
Jquery动态进行图片缩略的原理及实现
2013/08/13 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
angular简介和其特点介绍
2015/01/29 Javascript
js微信分享API
2020/10/11 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
jQuery+ajax实现修改密码验证功能实例详解
2017/07/06 jQuery
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
2020/05/29 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
python3.6 tkinter实现屏保小程序
2019/07/30 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
python列表的逆序遍历实现
2020/04/20 Python
Django DRF路由与扩展功能的实现
2020/06/03 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
html5简介及新增功能介绍
2020/05/18 HTML / CSS
S’well Bottle保温杯官网:绝缘不锈钢水瓶
2018/05/09 全球购物
Java面试中常遇到的问题,也是需要注意的几点
2013/08/30 面试题
高级人员简历的自我评价分享
2013/11/03 职场文书
电话客服专员岗位职责
2014/06/28 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
2015年大学生党员承诺书
2015/04/27 职场文书
交通事故协议书范本
2016/03/19 职场文书
Python Parser的用法
2021/05/12 Python
MySQL中使用or、in与union all在查询命令下的效率对比
2021/05/26 MySQL