Row Rollover

Chris Heilmann Dec 5, 2005

Use this script to highlight rows in tables. Short but effective.

Blues Artists & Songs
Artist	Title
John Mayall	Double Crossing Time
Buddy Guy	On A Saturday Night
John Lee Hooker	Don't Look Back
Bo Diddley	You Can't Judge a Book by Its Cover
Billie Holiday	Solitude
Stevie Ray Vaughan	Texas Flood

The JavaScript Source: Miscellaneous: Row Rollover

Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

<!-- TWO STEPS TO INSTALL ROW ROLLOVER:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  -->

<HEAD>

<BODY>

<table id="demo" class="ruler" summary="Table of my records" cellpadding="5">
<caption>Blues Artists & Songs</caption>
<thead>
  <tr>
    <th scope="col">Artist</th>
    <th scope="col">Title</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>John Mayall </td>
    <td>Double Crossing Time </td>
  </tr>
  <tr>
    <td>Buddy Guy </td>
    <td>On A Saturday Night </td>
  </tr>
  <tr>
    <td>John Lee Hooker </td>
    <td>Don't Look Back </td>
  </tr>
  <tr>
    <td>Bo Diddley </td>
    <td>You Can't Judge a Book by Its Cover </td>
  </tr>
  <tr>
    <td>Billie Holiday </td>
    <td>Solitude </td>
  </tr>
  <tr>
    <td>Stevie Ray Vaughan </td>
    <td>Texas Flood </td>
  </tr>
</tbody>
</table>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

Did you use this script? Do you like this site? Please link to us!

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details

Row Rollover

Leave a Response

Attention JavaScript Coders

Go Deeper