jQuery easing.js 效果详解

方法介绍:

  • def:默认方式设置
  • swing:默认方式加载
  • Quad:二次方缓动(t)
  • Cubic:三次方缓动
  • Quart:四次方缓动
  • Quint:五次方缓动
  • Sine:正弦曲线缓动
  • Expo:指数曲线缓动
  • Circ:圆形曲线的缓动
  • Elastic:指数衰减的正弦曲线缓动
  • Back:超过范围的三次方缓动
  • Bounce:指数衰减的反弹缓动

关于In、Out、Inout的说明:

  • easeIn:加速度缓动;
  • easeOut:减速度缓动;
  • easeInOut:先加速度至50%,再减速度完成动画。

摘自:http://www.cnblogs.com/MichaelZhangX/archive/2011/12/22/2297582.html

jQuery easing.js 效果详解

用法:$("").animate({left:left},6000,"linear",function(){});

测试地址:http://gsgd.co.uk/sandbox/jquery/easing/

jQuery easing.js 效果详解

上一篇:收藏CSS经典技巧


下一篇:打开中文网站显示英文或者在浏览页面查询时无结果显示出现乱码