diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-06-09 12:19:59 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-06-09 12:19:59 +0000 |
| commit | cecc4838a28b07a2bbff0e9daed1b3da80cfaa04 (patch) | |
| tree | 1106ceab2937ba14e2325a7fc381a85bf6c47ba7 /tests/visual/effects.all.js | |
| parent | 6e4092f986d3bc9e8f0bacc4d68707f190fa723e (diff) | |
| download | jquery-ui-cecc4838a28b07a2bbff0e9daed1b3da80cfaa04.tar.gz jquery-ui-cecc4838a28b07a2bbff0e9daed1b3da80cfaa04.zip | |
Added effects visual test pages
Diffstat (limited to 'tests/visual/effects.all.js')
| -rw-r--r-- | tests/visual/effects.all.js | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js new file mode 100644 index 000000000..ebf0ad082 --- /dev/null +++ b/tests/visual/effects.all.js @@ -0,0 +1,65 @@ +$(document).ready(function() {
+
+ $("div.effect")
+ .hover(function() {
+ $(this).addClass("hover");
+ }, function() {
+ $(this).removeClass("hover");
+ })
+ ;
+
+
+ var effect = function(el, n, o) {
+
+ $.extend(o, {
+ easing: "easeOutQuint"
+ });
+
+ $(el).bind("click", function() {
+
+ $(this).addClass("current").hide(n, o, 1000, function() {
+ var self = this;
+ window.setTimeout(function() {
+ $(self).show(n, o, 1000, function() { $(this).removeClass("current"); });
+ },500);
+ });
+ });
+
+ };
+
+
+ effect("#blindHorizontally", "blind", { direction: "horizontal" });
+ effect("#blindVertically", "blind", { direction: "vertical" });
+
+ effect("#bounce3times", "bounce", { times: 3 });
+
+ effect("#clipHorizontally", "clip", { direction: "horizontal" });
+ effect("#clipVertically", "clip", { direction: "vertical" });
+
+ effect("#dropDown", "drop", { direction: "down" });
+ effect("#dropUp", "drop", { direction: "up" });
+ effect("#dropLeft", "drop", { direction: "left" });
+ effect("#dropRight", "drop", { direction: "right" });
+
+ effect("#explode9", "explode", { });
+ effect("#explode36", "explode", { pieces: 36 });
+
+ effect("#fold", "fold", { size: 50 });
+
+ effect("#highlight", "highlight", { });
+
+ effect("#pulsate", "pulsate", { times: 2 });
+
+ effect("#puff", "puff", { times: 2 });
+ effect("#scale", "scale", { });
+
+ $("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
+
+ effect("#slideDown", "slide", { direction: "down" });
+ effect("#slideUp", "slide", { direction: "up" });
+ effect("#slideLeft", "slide", { direction: "left" });
+ effect("#slideRight", "slide", { direction: "right" });
+
+ $("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
+
+});
\ No newline at end of file |