Animate a page element

Janet Benincosa, Harrison County Technology Integration Specialist

Return to Technology Integration Site

 

  1. Select the item you want to animate, and then on the Format menu, click Dynamic HTML Effects. The DHTML Effects toolbar is displayed.
  2. In the On box, click the down arrow, and then select the event that will trigger the animation. The events listed in the On box depend on the type of page element you selected. Events

Click   Starts the animation when a site visitor points to the page element and clicks the left mouse button once.

Double click   Starts the animation when a site visitor points to the page element and double-clicks the left mouse button.

Mouse over   Starts the animation when a site visitor points to and rests the pointer on the page element.

Page load   Starts the animation when the page is loaded in a site visitor's browser.

  1. In the Apply box, click the down arrow, and then select the type of animation effect you want to occur.

The effects listed in the Apply box depend on the type of page element you selected and on the type of event you selected in step 2.

Fly out, Fly in, Drop in by word, Elastic, Hop, Spiral, Wave, Wipe, Zoom    Applies an animation that moves a page element.

Formatting   Applies an animation that changes the appearance of the page element, such as changing a font color or applying a border effect.

Swap picture   Applies an animation that swaps one picture with another one.

  1. In the Choose Settings box, click the down arrow, and then choose the settings for the effect.

Choose Settings   The settings listed depend on the type of page element you selected and the type of effect you selected in the Apply box. If you applied Fly out animation in step 3, select the direction or type of movement (such as To left or To bottom-left).

Choose Font   If you applied Formatting animation in step 3, select this to change the font style, size, color, effects, or character spacing.

Choose border   If you applied Formatting animation in step 3, select this to change the border or shading.

Choose picture   If you selected a picture and a Swap picture effect in step 3, select this and then select the picture to swap in when the event you selected in step 2 occurs.