diff -r 000000000000 -r 40c8f766c9b8 src/cm/media/js/lib/yui/yui3.0.0/examples/overlay/overlay-anim-plugin_clean.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/cm/media/js/lib/yui/yui3.0.0/examples/overlay/overlay-anim-plugin_clean.html Mon Nov 23 15:14:29 2009 +0100 @@ -0,0 +1,277 @@ + + + + + +Animation Plugin + + + + + + + + + + + + + + + + +

Animation Plugin

+ +
+

This example shows how you can use Widget's plugin infrastructure to customize the existing behavior of a widget.

+ +

We create an Animation plugin class for Overlay called AnimPlugin which changes the way Overlay instances are shown/hidden, by fading them in and out. The Overlay is initially constructed with the AnimPlugin plugged in (with the duration set to 2 seconds). +Clicking the "Unplug AnimPlugin" button, will restore the original non-Animated Overlay show/hide behavior. Clicking on the "Plug AnimPlugin" button will plug in the AnimPlugin again, but with a shorter duration.

+ +
+ + + +
+
Overlay Header
+
Overlay Body
+
Overlay Footer
+
+ + + + + + + + + + + +