jQuery UI炫酷雨滴落在水面上的波纹涟漪特效

raindrops是一款效果非常炫酷的jQuery UI雨滴落在水面上的特效。该特效模拟水滴从空中落入平静的水面上的效果。通过参数可以设置水面波纹的大小，强度，波纹扩散的速度等等属性。

使用方法

该特效依赖于jQuery UI，使用时要引入jQuery，jQuery UI和raindrops.js文件。

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/raindrops.js"></script>                
              

HTML结构

制作该雨滴落在水面上的特效使用一个空的<div>即可。

<div id="example"></div>     
              

初始化插件

在页面加载完毕之后可以使用下面的方法来初始化该特效。

jQuery('#example').raindrops();                
              

配置参数

下面是该雨滴落在水面上的特效的一些可用配置参数。