今天大师兄给大家分享一款功能非常强大的javascript视觉差特效引擎插件:Parallax.js。 Parallax.js简介 Parallax.js是一个简单的,轻量级的视差引擎。 下载最新版本的ZIP包,解压获得parallax.js和parallax.min.js。用其中一个就好。
这个有一个开源的组件Parallax.JS【http://matthew.wagerfield.com/parallax/】在这里我就不展开讲解了,感兴趣的可以留言或自己去看看,这个我也用过一下,感觉比较容易上手和实现
scroll — 漂亮的页面滚动元素动画 Handlebars.js — Javascript 模板 jInvertScroll — 视差滚动 One page scroll — 又一个页面滚动库 Parallax.js
8. parallax.js 这个效果也很常见,类似于视觉差效果。 官网看起来很不错。 9. Dynamics.js 一个 JS 库,能为你提供 9 种标准的动效。
parallax.js 官网:parallax.js Github:wagerfield/parallax 对任何设备,兼容性高的视差引擎。
scroll—漂亮的页面滚动元素动画 · Handlebars.js—Javascript 模板 · jInvertScroll—视差滚动 · One page scroll—又一个页面滚动库 · Parallax.js
这里提供一个工具可以轻松实现陀螺仪重力效果的:parallax.js 用法简单,定义一个parallax-obj的父类,把需要动的元素加上layer的类,然后设置动的范围data-depth: ?
Parallax.js github: https://github.com/wagerfield... 有了这个库,我们可以创建一个美丽的视差效果,可以用鼠标移动来控制,还可以调整移动物体的速度。
Headroom.js – 在不需要页头时将其隐藏 Readmore.js – 内容显示与隐藏插件 13.19 滚动条 jScrollPane 13.20 视差滚动(Parallax Scrolling) parallax.js
这里提供一个工具可以轻松实现陀螺仪重力效果的:parallax.js 用法简单,定义一个parallax-obj的父类,把需要动的元素加上layer的类,然后设置动的范围data-depth: ?
Zepto.js 等 snabbt.js: 一个利用 Javascript 和 CSS transform 的 animation 库 c3: 基于 D3 的图表库 echarts: 企业级图表库,百度开发 parallax.js
Zepto.js 等 snabbt.js: 一个利用 Javascript 和 CSS transform 的 animation 库 c3: 基于 D3 的图表库 echarts: 企业级图表库,百度开发 parallax.js
were able to achieve jank-free animations and even interaction-driven animations such as scrolling parallax.JS