jQuery easing Plugin

範例程式碼提示
jQuery().animate({top:"+=60",left:"+=300"},1000,"easeOutElastic");
杜甫 客至

舍南舍北皆春水，但見群鷗日日來。

花徑不曾緣客掃，蓬門今始為君開。

盤飧市遠無兼味，樽酒家貧只舊醅。

肯與鄰翁相對飲，隔籬呼取盡餘杯。

範例程式碼提示
jQuery().animate({height:"toggle"},{duration:1000,easing:"easeOutBounce"});
或 jQuery().slideToggle(1000,"easeOutBounce");

easing 功用種類 (jquery.easing.js)

  1. back
    • easeInBack
    • easeOutBack
    • easeInOutBack
  2. bounce
    • easeInBounce
    • easeOutBounce
    • easeInOutBounce
  3. circ
    • easeInCirc
    • easeOutCirc
    • easeInOutCirc
  4. cubic
    • easeInCubic
    • easeOutCubic
    • easeInOutCubic
  5. elastic
    • easeInElastic
    • easeOutElastic
    • easeInOutElastic
  6. expo
    • easeInExpo
    • easeOutExpo
    • easeInOutExpo
  7. quad
    • easeInQuad
    • easeOutQuad
    • easeInOutQuad
  8. quart
    • easeInQuart
    • easeOutQuart
    • easeInOutQuart
  9. quint
    • easeInQuint
    • easeOutQuint
    • easeInOutQuint
  10. sine
    • easeInSine
    • easeOutSine
    • easeInOutSine
參考資源

更新日期：