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

示例如下：

复制代码 代码如下:

<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>

时间： 2024-09-21 18:50:19

鼠标经过tr时,改变tr当前背景颜色_javascript技巧的相关文章

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

 本篇文章主要介绍了鼠标经过tr时,改变tr当前背景颜色的示例代码,需要的朋友可以过来参考下,希望对大家有所帮助 示例如下: 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>鼠标经过给tr换颜色</title>     </head> <body>

javascript使用onclick事件改变选中行的颜色_javascript技巧

html页面的table 中一行一行的显示当然 div也行 可设置在鼠标放上去时改变其颜色 部分代码如下 复制代码 代码如下: <script type="text/javascript">var currentActiveRow; //当前活动行 //改变选中行的颜色function changeActiveRow(obj) {    if (currentActiveRow) {        currentActiveRow.style.backgroundColor

javascript实现随时变化着的背景颜色_javascript技巧

很简单的一段背景颜色时刻发生变化的代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #dv {width: 100px;height: 100px;} </style> </head> <script>

用javascript实现li 列表数据隔行变换背景颜色_javascript技巧

title 111 222 333 444 555 666

listview-点击 ListView 中的 item，然后改变行的背景颜色

问题描述 点击 ListView 中的 item,然后改变行的背景颜色 我想使用BaseAdapter 在ListView中显示item.我在BaseAdapter使用下面的代码: @Override public View getView(final int position, View convertView, ViewGroup parent) { //... convertView.setOnTouchListener(new OnTouchListener() { @Override

设置背景颜色-MFC中在View类中改变ClientDC的背景颜色

问题描述 MFC中在View类中改变ClientDC的背景颜色 我在MFC中建立了一个工程,用来在CView类中通过ClientDC来进行画图操作,现在想将ClientDC的默认背景颜色从白色改成黑色或者其他的颜色,求各位C大神指点,谢啦! PS:我试过在PreCreateWindow()和OnEraseBkgnd()函数中进行设置,但是没有成功,代码如下,请各位大神改正. BOOL CTestView::PreCreateWindow(CREATESTRUCT& cs) { cs.lpszCl

android-如何改变 TabHost 的背景颜色？

问题描述 如何改变 TabHost 的背景颜色? 我做了一个使用Tab Host的android应用程序,我想改变Tab Host的背景颜色,而不是使用 android 操作系统给予的默认颜色.我上网查找的下面的方法: for (i = 0; i < mTabHost.getTabWidget().getChildCount(); i++) { mTabHost.getTabWidget().getChildAt(i).setBackgroundColor(Color.LTGRAY); } mT

Win7系统窗口背景颜色设置技巧

  Win7窗口颜色怎么改?下面系小编就为大家介绍一下Win7系统窗口背景颜色设置技巧. 1.方法非常简单,首先用鼠标右击桌面选择"个性化"; 2.进入个性化设置后,单击"窗口颜色"切换到下一个窗口; 3.然后单击"高级外观设置"出现对话框; 4.点开选择列表,选择"窗口" 5.然后点击"颜色",如果默认没有自己中意的,可以点击"其它"自行配色;每次选择之后在上方都会有实时预览.

js 鼠标放上时改变背景

第二种方法是比较常用的利用js的onmouseo教程ver  onmouseout来实例的哦,后面来只也是少见的操作了. <script type="text/网页特效">      var old=null;   //鼠标放上时显示黄颜色的背景   function orow(obj)   {    old=obj.bgColor;    obj.bgColor='yellow';   }      //鼠标离开时返回原来的颜色   function nrow(obj)