jQuery水波插件 dreamweaver免费视频教程： 51RGB Dreamweaver板块 加讨论群390180913入群即可参加周一至周五免费公开课并获得免费视频 绝对干货！ Chrom

jQuery水波插件

 

dreamweaver免费视频教程：

51RGB Dreamweaver板块

加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费视频 绝对干货！

 

Chrome浏览器本地预览会有跨域问题！

使用方法非常简单 只需要引入jq库 然后在使用选择器选择要渲染的标签获得jQuery对象后使用ripples方法，下面三个参数自己试验就可以实现涟漪的效果了.例如

$('body').ripples({

  resolution: 512,

  dropRadius: 20, //px

  perturbance: 0.04,

 

});

插件存在跨域问题，在chrome浏览器下不行，所以需要放到服务中运行。IE不存在跨域问题，所以直接浏览没问题。

 

代码下载链接：

http://www.51rgb.com/nbbs/forum.php?mod=viewthread&tid=1708

光看文字怎么够 来看在线视频 手把手教你做网站！

Adobe官方讲师万晨曦指导 轻松幽默学习网站开发

Dreamweaver视频直达网址 ：51RGB Dreamweaver板块