jQuery水波插件

jQuery水波插件

 

dreamweaver免费视频教程:

51RGB Dreamweaver板块

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

 

jQuery水波插件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板块

 


你可能感兴趣的:(jQuery水波插件)