Velocity的使用方法
什么是Velocity? Velocity是一个简单易用、高性能、功能丰富的轻量级JS动画库。 它能和 jQuery 完美协作,并和 $.animate()有相同的 API, 但它不依赖 jQuery, 可单独使用 。 Velocity 不仅包含了 $.animate() 的全部功能, 还拥有:颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 等特色功能。 它比 $.animate() 更快更流畅,性能甚至高于 CSS3 animation, 是 jQuery 和 CSS3 transition 的最佳组合,它支持所有现代浏览器,最低可兼容到 IE8 和 Android 2.3。 Velocity的使用步骤 1.导入模块 1.1单独导入velocity.min.js模块 // 无 jQuery 或 Zepto 时,Velocity()方法挂载在 window 对象上 (window.velocity) // ( 第一个参数为原生js的dom选择器 ) Velocity(document.getElementById("dummy"), { opacity: 0.5 }, { duration: 1000 }); // 使用 jQuery 或 Zepto 时 $("#dummy").velocity({ opacity: 0.5 }, {