jQuery UI Effects - Highlight Demo

From 7cbd56f109328b520f993802b206d536bf6ea6a0 Mon Sep 17 00:00:00 2001 From: Maggie Costello Wachs Date: Fri, 16 Jan 2009 16:36:16 +0000 Subject: reorganized effects from "general" into "movement" and "feedback", as they're categorized on the home page --- demos/effects_feedback/default.html | 42 +++++++++++++++++++++++++++ demos/effects_feedback/highlight.html | 42 +++++++++++++++++++++++++++ demos/effects_feedback/index.html | 19 ++++++++++++ demos/effects_feedback/pulsate.html | 42 +++++++++++++++++++++++++++ demos/effects_feedback/transfer.html | 48 +++++++++++++++++++++++++++++++ demos/effects_general/index.html | 3 +- demos/effects_movement/bounce.html | 42 +++++++++++++++++++++++++++ demos/effects_movement/default.html | 42 +++++++++++++++++++++++++++ demos/effects_movement/index.html | 22 ++++++++++++++ demos/effects_movement/scale.html | 44 ++++++++++++++++++++++++++++ demos/effects_movement/shake.html | 42 +++++++++++++++++++++++++++ demos/effects_movement/size.html | 54 +++++++++++++++++++++++++++++++++++ demos/effects_showhide/blind.html | 4 +-- demos/effects_showhide/clip.html | 4 +-- demos/effects_showhide/default.html | 4 +-- demos/effects_showhide/drop.html | 4 +-- demos/effects_showhide/explode.html | 4 +-- demos/effects_showhide/fold.html | 4 +-- demos/effects_showhide/index.html | 2 +- demos/effects_showhide/puff.html | 4 +-- demos/effects_showhide/scale.html | 4 +-- demos/effects_showhide/slide.html | 4 +-- demos/index.html | 3 +- 23 files changed, 453 insertions(+), 30 deletions(-) create mode 100644 demos/effects_feedback/default.html create mode 100644 demos/effects_feedback/highlight.html create mode 100644 demos/effects_feedback/index.html create mode 100644 demos/effects_feedback/pulsate.html create mode 100644 demos/effects_feedback/transfer.html create mode 100644 demos/effects_movement/bounce.html create mode 100644 demos/effects_movement/default.html create mode 100644 demos/effects_movement/index.html create mode 100644 demos/effects_movement/scale.html create mode 100644 demos/effects_movement/shake.html create mode 100644 demos/effects_movement/size.html diff --git a/demos/effects_feedback/default.html b/demos/effects_feedback/default.html new file mode 100644 index 000000000..930338767 --- /dev/null +++ b/demos/effects_feedback/default.html @@ -0,0 +1,42 @@ + + + + jQuery UI Effects - Highlight Demo + + + + + + + + + + +

+ +

+

Highlight

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

+ + + diff --git a/demos/effects_feedback/highlight.html b/demos/effects_feedback/highlight.html new file mode 100644 index 000000000..930338767 --- /dev/null +++ b/demos/effects_feedback/highlight.html @@ -0,0 +1,42 @@ + + + + jQuery UI Effects - Highlight Demo + + + + + + + + + + +

+ +

+

Highlight

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

+ + + diff --git a/demos/effects_feedback/index.html b/demos/effects_feedback/index.html new file mode 100644 index 000000000..7ff062b42 --- /dev/null +++ b/demos/effects_feedback/index.html @@ -0,0 +1,19 @@ + + + + jQuery UI Effects - General Demos + + + + +

+

Effect examples

+

+

+ + + diff --git a/demos/effects_feedback/pulsate.html b/demos/effects_feedback/pulsate.html new file mode 100644 index 000000000..a39f77622 --- /dev/null +++ b/demos/effects_feedback/pulsate.html @@ -0,0 +1,42 @@ + + + + jQuery UI Effects - Pulsate Demo + + + + + + + + + + +

+ +

+

Pulsate

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

+ + + diff --git a/demos/effects_feedback/transfer.html b/demos/effects_feedback/transfer.html new file mode 100644 index 000000000..6b392e138 --- /dev/null +++ b/demos/effects_feedback/transfer.html @@ -0,0 +1,48 @@ + + + + jQuery UI Effects - Transfer Demo + + + + + + + + + + +

+ +

+

Transfer

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

+ + + diff --git a/demos/effects_general/index.html b/demos/effects_general/index.html index 578fa4d31..baa196296 100644 --- a/demos/effects_general/index.html +++ b/demos/effects_general/index.html @@ -7,7 +7,7 @@

-

General Effects

+

Effect examples:

Bounce
Highlight

jQuery UI Effects - Bounce Demo

+ +

+

Bounce

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

jQuery UI Effects - Bounce Demo

+ +

+

Bounce

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

jQuery UI Effects - General Demos

+

General Effects

+

+

jQuery UI Effects - Scale Demo

+ +

+

Scale

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

jQuery UI Effects - Shake Demo

+ +

+

Shake

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

jQuery UI Effects - Size Demo

+ +

+

Size

+

+ Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi. +

+

+ +

+ +

Click anywhere in the dialog above to preview the effect.

+ +

-

-Click above to preview the .hide("blind") effect. You can click again to see the .show("blind") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("clip") effect. You can click again to see the .show("clip") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("blind") effect. You can click again to see the .show("blind") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("drop") effect. You can click again to see the .show("drop") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("explode") effect. You can click again to see the .show("explode") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("fold") effect. You can click again to see the .show("fold") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

Show/Hide and Toggle Effects

+

Effect examples

Blind
Clip

-

-Click above to preview the .hide("puff") effect. You can click again to see the .show("puff") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("scale") effect. You can click again to see the .show("scale") effect. -

+

Click anywhere in the frame above to toggle the effect.

-

-Click above to preview the .hide("slide") effect. You can click again to see the .show("slide") effect. -

+

Click anywhere in the frame above to toggle the effect.

Effects