Apply a shake effect, Apply a slide effect, Apply a squish effect – Adobe Dreamweaver CS3 User Manual
Page 496: Add an additional effect

DREAMWEAVER CS3
User Guide
489
Apply a Shake effect
Note: You can use this effect with these HTML objects: address, blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4,
h5, h6, iframe, img, object, p, ol, ul, li, applet, dir, hr, menu, pre, or table.
1
(Optional) Select the content or layout object you want to apply the effect to.
2
In the Behaviors panel (Window > Behaviors), click the Plus (+) button and select Effects > Shake from the menu.
3
Select the object’s ID from the target element menu. If you have already selected an object, choose Selection>. Apply a Slide effect For the Slide effect to work properly the target element must be wrapped in a container tag that has a unique ID. The blockquote , dd , form , div , or center tag. The target element tag must be one of the following: blockquote , dd,div , form , center , table , span , input , textarea , select , or image . 1 (Optional) Select the container tag of the content you want to apply the effect to. 2 In the Behaviors panel (Window > Behaviors), click the Plus (+) button and select Effects > Slide from the menu. 3 Select the container tag’s ID from the target element menu. If the container is already selected, choose Selection>. 4 In the Effect Duration field, define the time it takes for the effect to occur, in milliseconds. 5 Select the effect you want to apply: Slide Up or Slide Down. 6 In the Slide Up From box, define the sliding starting point as a percentage or as a pixel number. 7 In the Slide Up To box, define the sliding end point as a percentage or as a positive pixel amount. 8 Select Toggle Effect if you want the effect to be reversible, sliding up and down with successive clicks. Apply a Squish effect Note: You can only use this effect with these HTML objects: address, dd, div, dl, dt, form, img, p, ol, ul, applet, center, 1 (Optional) Select the content or layout object you want to apply the effect to. 2 In the Behaviors panel (Window > Behaviors), click the Plus (+) button and select Effects > Squish from the menu. 3 Select the object’s ID from the target element menu. If you have already selected an object, choose Selection>. Add an additional effect You can associate multiple effect behaviors with the same object to produce interesting results. 1 (Optional) Select the content or layout object you want to apply the effect to. 2 In the Behaviors panel (Window > Behaviors), click the Plus (+) button and select an effect from the Effects menu. 3 Select the object’s ID from the target element menu. If you have already selected an object, choose Selection>. September 4, 2007
container tag with which you wrap the target element must be a
dir, menu, or pre.