Code Forums - View Single Post - table cell highlight and text change on mouseover

bdl · 09-04-2003, 08:10 PM

I'm not great with JS, but this is how I've done the hover-cell-change-color deal:

Code:

<html>
<head>
 <style type="text/css">
   .onhover {
      background: #000;
      color: #FFF;
   }

   .nohover {
      background: #FFF;
      color: #000;
   }
 </style>
</head>
<body>
<table>
 <tr>
  <td onmouseover="this.className='onhover';" onmouseout="this.className='nohover';">
  This text will change color.
  </td>
 </tr>
</table>
</body>
</html>

You can view the result <here>.
Not quite sure if this is what you're looking for, but it's about as simple as you're gonna get. =)

09-04-2003, 08:10 PM	#3 (permalink)
bdl Senior Contributor Join Date: May 2002 Location: vta.ca.usa Posts: 555	I'm not great with JS, but this is how I've done the hover-cell-change-color deal: Code: <html> <head> <style type="text/css"> .onhover { background: #000; color: #FFF; } .nohover { background: #FFF; color: #000; } </style> </head> <body> <table> <tr> <td onmouseover="this.className='onhover';" onmouseout="this.className='nohover';"> This text will change color. </td> </tr> </table> </body> </html> You can view the result <here>. Not quite sure if this is what you're looking for, but it's about as simple as you're gonna get. =)