Hover Object

The Hover Object will hover a layer in a straight-line.

Initialization:

objectName.hover = new Hover("objectName","hover")

Example:

mylayer = new DynLayer("mylayerDiv")
mylayer.hover = new Hover("mylayer","hover")

The play() Method:

The play() method begins the hover motion:

objectName.hover.play(amplitude,angleinc,angle,cycles,orientation,speed,fn)

Where:
• amplitude - the amplitude of the hover motion
• angleinc - angle incremention
• angle - starting angle
• cycles - the number of cycles to move before stopping
• orientation - 'v' for vertical, 'h' for horizontal
• speed - speed of repetition
• fn - (optional) function or statement to execute when complete

Notes:
• If you want the hover to keep looping then pass null for the cycles value.

Examples:

mylayer.hover.play(60,8,0,1,'v',10)

The pause() and stop() Methods:

Work the same as in the circle() method.

Example: geometric-hover1.html [source]

Source Code

hover.js

Geometric Objects

• Circle Object
• Hover Object
• Sine Wave Object
• Parabola Object

JavaScript Gif Animation

Home	Next Lesson: JavaScript Gif Animation

copyright 1998 Dan Steinman