|
| |
|
|
Tailslide
Posts: 6290
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
 |
New zebra tables script - 4/19/2006 12:36:32
Hi
I've seen this sort of script before (the Alistapart one in particular) - but this looks like quite a nice version of it as it not only adds the stripes to alternate rows of the table but it adds a nice hover effect. I've also found in brief experiments that you can add the names of other tables into the script so that you get the effect on multiple tables on a page:
http://www.thewatchmakerproject.com/journal/309/stripe-your-tables-the-oo-way
Add extra tables into the bottom of the js script like this:
...
window.onload = function() {
ZebraTable.stripe('mytable');
ZebraTable.stripe('anothertable');
ZebraTable.stripe('yetanothertable');
}You get the idea!
You could probably use this for lists too - just swap the <tr>s for <li>s although I haven't tried it.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
|
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
