jquery - 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)
...

祝你今天过得愉快