From ccf76e430b7703db028966a845a966f50956f490 Mon Sep 17 00:00:00 2001 From: xue <> Date: Mon, 5 Dec 2005 01:00:16 +0000 Subject: --- framework/Web/Javascripts/tests/Effects.html | 124 +++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) create mode 100644 framework/Web/Javascripts/tests/Effects.html (limited to 'framework/Web/Javascripts/tests/Effects.html') diff --git a/framework/Web/Javascripts/tests/Effects.html b/framework/Web/Javascripts/tests/Effects.html new file mode 100644 index 00000000..6ee5324b --- /dev/null +++ b/framework/Web/Javascripts/tests/Effects.html @@ -0,0 +1,124 @@ + + + + + Effects demo page + + + + + + + +

Effect.Fade()

+ +

Call with new Effect.Fade(element)

Example: onclick="new Effect.Fade(this)"

+ +

+ Click here or the image to start effect +

+ + +

Effect.Highlight()

+ +

Call with new Effect.Highlight(element)

Example: onclick="new Effect.Highlight(this)"

+ +

+ Click here or the image to start effect +

+ +

Effect.Appear()

+ +

Call with new Effect.Appear(element)

Example: onclick="new Effect.Appear('appear')"

+ +Start effect + + + +

Effect.Scale()

+ +

Call with new Effect.Scale(element, percent)

Note: if you scale a div, all contained elements must have width or height set with em. If you +scale an image, width and height are not required to be set. Also, Effect.Scale is aware of other scaling effects done on +the target element, and will act accordingly. The percent parameter is always relative of the original size of the element.

Example: onmouseover="new Effect.Scale('scale',150)" onmouseout="new Effect.Scale('scale',100)"

+ +

Effect.Squish()

Call with new Effect.Squish(element)

+ Click me to squish.
+

+ +

Effect.Puff()

Call with new Effect.Puff(element)

Works with absolute and relative positioned elements. In this example, divs with float:left are used.