To use the Slide 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 ??? Slide.
4. In the Slide dialog box (Figure 12-27), select the tag with an ID you want to hide or reveal.
FIGURE 12-27
Make sure you target the content??™s surrounding div when applying the Slide effect.
431
Using Behaviors 12
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 previously
hidden element, choose Slide Down.
7. If you chose Slide Up:
n Set the starting percentage in the Slide Up From field.
n Set the ending percentage in the Slide Up To field.
8. If you chose Slide Down:
n Set the starting percentage in the Slide Down From field.
n 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.
Pages:
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836