jQuery UI Effects - Easings Demo

From 6b887b5efd931fbc2e13056da904a5f22870bc1d Mon Sep 17 00:00:00 2001 From: Keith Wood Date: Sun, 18 Jan 2009 05:09:33 +0000 Subject: AAdded Easings demonstration --- demos/effects_easings/default.html | 92 ++++++++++++++++++++++++++++++++ demos/effects_easings/images/target.png | Bin 0 -> 541 bytes demos/effects_easings/index.html | 17 ++++++ demos/index.html | 5 +- 4 files changed, 113 insertions(+), 1 deletion(-) create mode 100644 demos/effects_easings/default.html create mode 100644 demos/effects_easings/images/target.png create mode 100644 demos/effects_easings/index.html diff --git a/demos/effects_easings/default.html b/demos/effects_easings/default.html new file mode 100644 index 000000000..04ffeae24 --- /dev/null +++ b/demos/effects_easings/default.html @@ -0,0 +1,92 @@ + + + + jQuery UI Effects - Easings Demo + + + + + + + + + +

+ +

+Easing is acceleration, a change in speed. Easings control how an animation progresses over time.
+An ease-in starts slow and then speeds up.
+An ease-out starts fast and then slows to a stop.
+An ease-in-out combines the two so that the first half is an ease-in and the second half is an ease-out. +

+Click above to preview the selected easing. +

+ +

+ + + diff --git a/demos/effects_easings/images/target.png b/demos/effects_easings/images/target.png new file mode 100644 index 000000000..d5b6510b7 Binary files /dev/null and b/demos/effects_easings/images/target.png differ diff --git a/demos/effects_easings/index.html b/demos/effects_easings/index.html new file mode 100644 index 000000000..a5bb099d9 --- /dev/null +++ b/demos/effects_easings/index.html @@ -0,0 +1,17 @@ + + + + jQuery UI Effects - Easing Demos + + + + +

Easing Effects

Easings

+ + + diff --git a/demos/index.html b/demos/index.html index 64cb6a1a6..4cc0f6dc7 100644 --- a/demos/index.html +++ b/demos/index.html @@ -39,6 +39,7 @@ + @@ -55,6 +56,7 @@ + @@ -92,7 +94,7 @@ function loadPage(path) { var section = path.replace(/\/[^\/]+\.html/,''); - var header = section.replace(/.+\/([^\/]+)/,'$1'); + var header = section.replace(/.+\/([^\/]+)/,'$1').replace(/_/, ' '); $('td.normal div.normal') .empty() @@ -231,6 +233,7 @@

-- cgit v1.2.3