It only takes a few lines of Javascript to make a HTML table start rotating it’s rows. Example:
Demo 1
| field 1a |
field 1b |
| field 2a |
field 2b |
| field 3a |
field 3b |
| field 4a |
field 4b |
| field 5a |
field 5b |
| field 6a |
field 6b |
| field 7a |
field 7b |
| field 8a |
field 8b |
Demo 2 – Job board
|
Web designer
|
£140.00
|
|
Start Up Stationary Design
|
£80.00
|
|
Flash / XML Menu System
|
£400.00
|
|
Open Source Application Rebranding
|
£10.00
|
|
Website Design/Build
|
£50.00
|
|
Internet Marketing Guru
|
£40.00
|
|
Icon design – Urgent project
|
£40.00
|
|
Looking for a dragon slayer
|
£30.00
|
|
Poster Design
|
£460.00
|
|
Telesales contacting schools
|
£40.00
|
|
Save the cheerleader
|
£40.00
|
|
Recruiting, need a honest liar
|
£403.00
|
|
Chess grand master wanted
|
£440.00
|
|
Gringots gold for sale
|
£430.00
|
|
webmaster of the universe
|
£240.00
|
|
sale of widgets
|
£450.00
|
|
Will code for food
|
£420.00
|
|
waterproof fish required
|
£4520.00
|
|
blind waiter needed
|
£240.00
|
|
fire resistant cigaretes?
|
£420.00
|
Using javascript, you need to remove the last row of the table and then insert it in front of the first table row and then repeat continuously.
Read on…
No Comments » |
Category: Tutorial |
Tags: Javascript, JQuery |
Permalink
Posted by Tom Fotherby