jQuery 1.4 Animation Techniques Beginner's Guide

Time for action – making an element pulsate

In this example, we'll show a simple time sheet in which rows can be deleted by clicking a link. If a link is clicked, the corresponding row will be pulsated before it is removed.

1. Use the following markup in the template file:

   <table> <tr><th>Job Number</th><th>Start Time</th><th>End Time</th><th colspan="2">Total</th></tr> <tr><td>05432</td><td>8:00</td><td>8:43</td><td>43 minutes</td><td><a class="delete" href="#" title="Delete this item">Delete</a></td></tr> <tr><td>05684</td><td>8:43</td><td>10:21</td><td>1 hour 38 minutes</td><td><a class="delete" href="#" title="Delete this item">Delete</a></td></tr> <tr><td>05684</td><td>10:21</td><td>13:30</td><td>3 hour 9 minutes</td><td><a class="delete" href="#" ...