JQuery动画插件Velocity.js发布:更快的动画切换速度
2014-05-09 14:39
751 查看
5月3日,Julian在其GitHub上发布了Velocity.js。Velocity.js是一款动画切换的jQuery插件,它重新实现了jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功能,并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scroll功能,它是jQuery、 jQuery UI、CSS变换 在动画方面的最佳组合。Velocity.js支持IE8+、Chrome、Firefox等浏览器,并支持Andriod以及IOS。Velocity.js在内部实现中使用了jQuery的$.queue()方法,因此它比 jQuery的$.animate()、$.fade()、$.delay()方法更加流畅,其性能也高于CSS的animation属性,具体原理读者可以参考这篇文章。
Velocity.js包含两个输入参数,第一个参数用于规定产生的动画效果,第二个参数为可选参数,用于规定动画的额外选项。具体如下:
Velocity.js同样支持jQuery的参数简写语法:$element.velocity(propertyMap [, duration] [, easing] [, complete]):,比如:
Velocity.js官方宣传Velocity的目标是成为DOM中动画切换方面的领导者。读者可以从这里下载最新版本的Velocity.js,由于Velocity.js的方法签名和$.animate()一样,因此只需将方法名从animate改为velocity即可。在其官方网站给出了几个绚丽的Demo,读者可以参考学习。
http://davidwalsh.name/css-js-animation
https://news.ycombinator.com/item?id=7663775
Velocity.js包含两个输入参数,第一个参数用于规定产生的动画效果,第二个参数为可选参数,用于规定动画的额外选项。具体如下:
参考文档
http://julian.com/research/velocity/http://davidwalsh.name/css-js-animation
https://news.ycombinator.com/item?id=7663775
相关文章推荐
- jquery动画切换引擎插件 Velocity.js 学习01
- Velocity.js发布:更快的动画切换速度
- jQuery动画切换引擎插件Velocity.js
- JQuery动画插件Velocity.js
- 分享JQuery动画插件Velocity.js的六种列表加载特效
- jQuery插件ImageDrawer.js实现动态绘制图片动画(附源码下载)
- jQuery图片切换插件jquery.cycle.js
- 图片切换插件jquery.cycle.js参数详解
- jQuery图片切换插件jquery.cycle.js
- jQuery图片切换插件jquery.cycle.js使用示例
- jquery.roundabout.js图片叠加3D旋转插件多功能图片翻转切换效果
- jQuery插件Slider Revolution实现响应动画滑动图片切换效果
- js、jquery图片动画、动态切换示例代码
- 可滑动切换的图片轮播——bootstrap中的carousel插件,hammer.js,jquery.hammer.js
- jQuery-velocity.js 插件的简易使用
- JQuery插件发布-拾色器jquery.icolor.js
- jquery插件jquery.LightBox.js之点击放大图片并左右点击切换图片(仿相册插件)
- [原]发布一个jQuery提示框插件,Github开源附主站,jquery.tooltips.js
- 购物车增加、减少商品时动画效果:jQuery.Fly.js插件使用方法