
502
Part III
Adding Advanced Design Features
5. Enter the length of the effect (in milliseconds) in the Effect Duration field.
6. If you’d like the targeted element to be hidden, choose Slide Up from the Effect list; to
reveal a previously hidden element, choose Slide Down.
7. If you chose Slide Up:
Set the starting percentage in the Slide Up From field.
■■
Set the ending percentage in the Slide Up To field.
■■
8. If you chose Slide Down:
Set the starting percentage in the Slide Down From field.
■■
Set the ending percentage in the Slide Down To field.
■■
9. If you’d like the reverse effect to occur the next time the trigger is selected, click the Toggle
Effect checkbox.
10. Click OK when you’re done.
Squish
The Squish effect is similar to a specialized use of the Grow/Shrink effect. When a Squish effect is
triggered, the targeted page element shrinks from 100% to 0% in the element’s upper-left corner;
trigger the effect again and the element grows to 100% in the opposite direction. Like Shake, the
only user-defined parameter is the choice of the target element.
To use the Squish effect, follow these steps:
1. Make sure that the element you want to affect is contained within a tag with an ID on
your page.
2. Select the object to trigger the effect.
3. From the Behaviors panel, click the Add (+) button and select Effect ➪ Squish.
4. In the Squish dialog box (Figure 12-28), s ...