While displaying large chunks of data in a table with lots of rows, it is really desireable to have a different background color for alternating rows. While there is no easy way you can do that using css alone, it is highly impractical to manually add a alt class to each alternate tr (table row). But thanks to the powerful selector engine of jQuery, you can very easily select an alternate tr . Here is how :

The above code selects every odd table row of the table with id mytable and adds a class alt to each of theme. Next you can style the alt class rows (tr) using css to make them stand out and add a nice zebra strip effect to your table.

Check out my new web design portfolio at : www.dynamicguru.com/mujtaba/ . This time i ‘ve chosen light colors, mainly #eee for background and #09f for various visual elements . It is a single page site and is again powered by jQuery . I’ve tried to keep things as simple and to the point as possible, no more lengthy “about me” or boring portfolio page. The site was designed and developed in just 2 days.
Here is a look at whats behind it :

• A jQuery UI powered “content slider” for showcasing my works
• Table-less css based grid layout
• Ajaxified contact form
• css3 rounded corners (for browsers that support it)
• Valid XHTML 1.0 Strict

Here is just another rocking dark wordpress theme by me , which was downloaded 300 times during the first 20 hours of going live! The theme has a sleek and dark look with some nice eye candy jquery effects on the left sidebar.Give it a try!

Click here to download this free wordpress theme