jquery显示隐藏元素时的不同效果

Question

我想提供不同的过渡效果，例如：

 $(div).show("fadeIn")  $(div).show("shake") $(div).show("fold") etc

我如何在jquery中执行此操作？

Answer 1

对于淡入淡出 - http://api.jquery.com/fadeIn/

$("div").fadeIn("slow");

---

动摇 - http://docs.jquery.com/UI/Effects/Shake

$("div").click(function () {
  $(this).effect("shake", { times:3 }, 300);
});

---

折叠 - http://docs.jquery.com/UI/Effects/Fold

$("div").click(function () {
  $(this).hide("fold", {}, 1000);
});

---

您可以在http://docs.jquery.com/UI/Effects/

检查所有默认效果

Answer 2

使用JQueryUI lib进行了很多可能的转换：http://jqueryui.com/demos/effect/

否则，您可以使用标准的JQuery动画，例如

$(selector).fadeIn(300) /*300 is the duration in miliseconds*/
$(selector).slideUp(300)
...

度过愉快的一天