aboutsummaryrefslogtreecommitdiffstats
path: root/demos/real-world/effects/demo.js
diff options
context:
space:
mode:
Diffstat (limited to 'demos/real-world/effects/demo.js')
-rw-r--r--demos/real-world/effects/demo.js40
1 files changed, 20 insertions, 20 deletions
diff --git a/demos/real-world/effects/demo.js b/demos/real-world/effects/demo.js
index b52b23726..f383199c2 100644
--- a/demos/real-world/effects/demo.js
+++ b/demos/real-world/effects/demo.js
@@ -1,5 +1,5 @@
$(document).ready(function() {
-
+
$("div.effect")
.hover(function() {
$(this).addClass("hover");
@@ -7,16 +7,16 @@ $(document).ready(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() {
@@ -24,42 +24,42 @@ $(document).ready(function() {
},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