jquery-ui/tests/visual/effects.all.js

95 lines
2.7 KiB
JavaScript
Raw Normal View History

$(function() {
var duration = 1000, wait = 500;
$("div.effect")
.hover(function() { $(this).addClass("hover"); },
function() { $(this).removeClass("hover"); });
2008-09-20 17:42:04 +00:00
var effect = function(el, n, o) {
2008-09-20 17:42:04 +00:00
$.extend(o, {
easing: "easeOutQuint"
});
2008-09-20 17:42:04 +00:00
$(el).bind("click", function() {
$(this).addClass("current").hide(n, o, duration, function() {
2008-09-20 17:42:04 +00:00
var self = this;
window.setTimeout(function() {
$(self).show(n, o, duration, function() { $(this).removeClass("current"); });
}, wait);
2008-09-20 17:42:04 +00:00
});
});
2008-09-20 17:42:04 +00:00
};
$("#hide").click(function() {
var el = $(this);
el.addClass("current").hide(duration, function() {
setTimeout(function() {
el.show(duration, function() { el.removeClass("current") });
}, wait);
})
})
effect("#blindLeft", "blind", { direction: "left" });
effect("#blindUp", "blind", { direction: "up" });
effect("#blindRight", "blind", { direction: "right" });
effect("#blindDown", "blind", { direction: "down" });
2008-09-20 17:42:04 +00:00
effect("#bounce3times", "bounce", { times: 3 });
2008-09-20 17:42:04 +00:00
effect("#clipHorizontally", "clip", { direction: "horizontal" });
effect("#clipVertically", "clip", { direction: "vertical" });
2008-09-20 17:42:04 +00:00
effect("#dropDown", "drop", { direction: "down" });
effect("#dropUp", "drop", { direction: "up" });
effect("#dropLeft", "drop", { direction: "left" });
effect("#dropRight", "drop", { direction: "right" });
effect("#explode9", "explode", {});
2008-09-20 17:42:04 +00:00
effect("#explode36", "explode", { pieces: 36 });
2011-03-06 21:24:48 +00:00
effect("#fade", "fade", {});
2008-09-20 17:42:04 +00:00
effect("#fold", "fold", { size: 50 });
effect("#highlight", "highlight", {});
2008-09-20 17:42:04 +00:00
effect("#pulsate", "pulsate", { times: 2 });
2008-09-20 17:42:04 +00:00
effect("#puff", "puff", { times: 2 });
effect("#scale", "scale", {});
2008-09-20 17:42:04 +00:00
$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
2008-09-20 17:42:04 +00:00
effect("#slideDown", "slide", { direction: "down" });
effect("#slideUp", "slide", { direction: "up" });
effect("#slideLeft", "slide", { direction: "left" });
effect("#slideRight", "slide", { direction: "right" });
2008-09-20 17:42:04 +00:00
$("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
$("#addClass").click(function() {
$(this).addClass(function() {
window.console && console.log(arguments);
return "current";
2011-03-06 21:24:48 +00:00
}, duration, function() {
$(this).removeClass("current");
});
});
$("#removeClass").click(function() {
$(this).addClass("current").removeClass(function() {
window.console && console.log(arguments);
return "current"
2011-03-06 21:24:48 +00:00
}, duration);
});
$("#toggleClass").click(function() {
$(this).toggleClass(function() {
window.console && console.log(arguments);
return "current"
2011-03-06 21:24:48 +00:00
}, duration);
});
});