In the following example, the a2 t:ANIMATECOLOR element changes the value of the inner colored DIV's backgroundColor property over an 8-second duration. Click the buttons to set different values for a2's calcMode attribute.
When you set a2's calcMode to "spline", notice how the rate of change for innerDIV's backgroundColor accelerates and decelerates according to the interval pacing set between Bezier control points with the keyTimes and keySplines properties.
To view the source code, right-click this page and choose View Source from the shortcut menu that appears.
© 2007 Microsoft Corporation. All rights reserved. Terms of use.