diff options
| author | Mike Sherov <mike.sherov@gmail.com> | 2012-12-26 08:35:42 -0500 |
|---|---|---|
| committer | Mike Sherov <mike.sherov@gmail.com> | 2014-12-10 16:58:38 -0500 |
| commit | b6bec797d6a8ef0b377a866c38c67e66a626b45f (patch) | |
| tree | 2e38a21f1a3894ebe6c44283fd568243611cc403 /demos/effect/toggle.html | |
| parent | 2a99bb7d37b7084b22b106040441a94f43785a05 (diff) | |
| download | jquery-ui-b6bec797d6a8ef0b377a866c38c67e66a626b45f.tar.gz jquery-ui-b6bec797d6a8ef0b377a866c38c67e66a626b45f.zip | |
Effects: Rewrite
1. Introduces a set of helper methods to easily create and define new effects.
2. Uses clip animations and placeholders instead of wrappers for clip effects.
3. Ensures all animations are detectable as animated
Fixes #10599
Fixes #9477
Fixes #9257
Fixes #9066
Fixes #8867
Fixes #8671
Fixes #8505
Fixes #7885
Fixes #7041
Closes gh-1017
Diffstat (limited to 'demos/effect/toggle.html')
| -rw-r--r-- | demos/effect/toggle.html | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/demos/effect/toggle.html b/demos/effect/toggle.html index 1a2cf0a1b..bac5758ab 100644 --- a/demos/effect/toggle.html +++ b/demos/effect/toggle.html @@ -11,6 +11,7 @@ <script src="../../ui/effect-clip.js"></script> <script src="../../ui/effect-drop.js"></script> <script src="../../ui/effect-explode.js"></script> + <script src="../../ui/effect-fade.js"></script> <script src="../../ui/effect-fold.js"></script> <script src="../../ui/effect-highlight.js"></script> <script src="../../ui/effect-puff.js"></script> @@ -32,7 +33,7 @@ #effect { position: relative; width: 240px; - height: 135px; + height: 170px; padding: 0.4em; } #effect h3 { @@ -52,7 +53,7 @@ var options = {}; // some effects have required parameters if ( selectedEffect === "scale" ) { - options = { percent: 0 }; + options = { percent: 50 }; } else if ( selectedEffect === "size" ) { options = { to: { width: 200, height: 60 } }; } @@ -85,6 +86,7 @@ <option value="clip">Clip</option> <option value="drop">Drop</option> <option value="explode">Explode</option> + <option value="fade">Fade</option> <option value="fold">Fold</option> <option value="highlight">Highlight</option> <option value="puff">Puff</option> |