注:此插件需要在服务端运行,本地预览会有跨域问题!
使用方法非常简单 只需要引入jq库 然后在使用选择器选择要渲染的标签获得jQuery对象后使用ripples方法,下面三个参数自己试验就可以实现涟漪的效果了.例如
$('body').ripples({
resolution: 512,
dropRadius: 20, //px
perturbance: 0.04,
});插件存在跨域问题,在chrome浏览器下不行,所以需要放到服务中运行。IE不存在跨域问题,所以直接浏览没问题。