AJAX Control Toolkit Tutorial: AnimationExtender- Part Five

Inside the Animations section we have declared OnLoad Server Property to initialize it on page load.

As you can see in the code we have used Sequence tag; also where we have declared multiple animation effects firstly it take three seconds and then it changes its opacity to 0.5 percent.

Check it out in action,



OnClick

The animation starts playing on button, image or any clickable thing.

Code first resizes the picture and then fades in animation after a two second duration.

Output



OnMouseOver

Animation is played when mouse moves over the target control.

See this in action,

OnMouseOut

Animation is played when mouse moves out of the target control.

Generic animation similar to OnMouseOver except it will stop the OnHoverOut animation before it plays

Output

OnHoverOut

Generic animation similar to OnMouseOut except it will stop the OnHoverOver animation before it plays

Output