插件描述：jQuery Ripples插件向HTML添加一层水元素将波纹光标与WebGL的互动。您可以使用这种效果,让你的静态CSS背景图像更多的互动。
注：此插件需要在服务端运行，本地预览会有跨域问题！
使用方法非常简单 只需要引入jq库 然后在使用选择器选择要渲染的标签获得jQuery对象后使用ripples方法，下面三个参数自己试验就可以实现涟漪的效果了.例如
1 2 3 4 5 6 | $('body').ripples({ resolution: 512, dropRadius: 20, //px perturbance: 0.04,}); |
插件存在跨域问题，在chrome浏览器下不行，所以需要放到服务中运行。IE不存在跨域问题，所以直接浏览没问题。
PREVIOUS:
NEXT:
相关插件-背景,动画效果
讨论这个项目（29）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
黑巧克力 0
2017/8/7 14:10:23
用上插件以后，发现背景图片会失真，这个和我的设置有关系么
黑巧克力0
2017/8/7 14:19:48
发现是背景定位的问题，需要加size属性，就可以了，
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
