Change color of table row onmouseOver

This java script function will change the color of table row when you point the mouse cursor on the row.

Features

  • This javascript function will change the color of table row onMouseover.
  • Just copy the code into your page and use it for free.

Preview

hscripts.com
free tutorial
free javascript
free softwares
Purchase php scripts

Downloads

<!--Script by hscripts.com-->
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
var bgcolor = "#ededed";
var change_color = "#cdcdcd"
function mover(aa)
{
aa.style.backgroundColor = change_color;
}
function mout(aa)
{
aa.style.backgroundColor = bgcolor;
}
</script>
<!-- Script by hscripts.com -->
  • Release Date - 02-01-2007
  • Get free version without ©copyright link for just $10/-
  • For customization of this script or any script development, mail to support@hscripts.com

Usage

  • Copy the above code and the required color in javascript code.
  •   var bgcolor = "your background color"
      var change_color = "color tobe changed on mouseover"
    
  • Now set the style or table row color on your html table.
  • <tr>
        <td style ="background-color: Your background Color;" 
      onmouseover="mover(this);"  onmouseout="mout(this);">
          haiiiiiiiiiiiiiii
        </td>
    </tr>
        .....Add Your table rows continuously with various values.....
        ......................................................
    <tr>
        <td style ="background-color: Your background Color;" 
      onmouseover="mover(this);"  onmouseout="mout(this);">
          bla bla bla
        </td>
    </tr>
    

License

Related Scripts

Free Javascript Scripts


Ask Questions

Ask Question