jQuery 1.4 Animation Techniques - Index of

What just happened?
We add a click handler to the at the bottom of the list which drives the
functionality of the rest of the behavior. When the is clicked, we cache the
selector for the field and obtain the text that was entered into it.
[ 145 ]
Chapter 6
If the variable holding the text is not empty, we then create a new and .
We add the text to the as well and then append the new item to the list. Finally,
we apply the highlight effect and empty the field.
The pulsate effect
The pulsate effect fades the element in and out of view a specified number of times so that
the target element appears to pulsate. Like most of the effects we have looked at so far, it is
easy to use and requires little or no configuration.
Configuration options
The pulsate effect also has just two configurable options; these are shown in the
following table:
Option Default Usage
mode "show" Sets whether the target element is shown or hidden when used with the
effect() method. Other possible values include hide, toggle, and
effect.
times 5 Sets the number of times the target element is pulsated.
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:
Job NumberStart TimeEnd Time
Total
054328:008:4343
minutesDelete
056848:4310:211 hour 38
minutesDelete