diff options
Diffstat (limited to 'demos/real-world/effects/demo.js')
-rw-r--r-- | demos/real-world/effects/demo.js | 40 |
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 |