jQuery UI炫酷雨滴落在水面上的波纹涟漪特效 A jQuery UI plugin for raindrops on water effect

jQuery之家 返回下载页

Just a drop in the ocean

Raindrops.js - Raindrops effect plugin for jQuery

Examples

Click on the example to see the code.

  • Default functionality

    
                                                jQuery('#example1').raindrops();
                                            
                                        
  • 
jQuery('#example2').raindrops(
    {color:'#99d4a5',
    canvasHeight:200});

  • 
jQuery('#example3').raindrops(
    {color:'#ddb3c2',
    waveLength: 700,
    waveHeight: 50});

  • jQuery('#example4').raindrops(
    {color:'#a5d2da',
    density: 0.1,
    frequency: 20});

  • 
jQuery('#example5').raindrops(
    {color:'#f77b7b',
    canvasHeight:150, 
    waveLength: 100,
     rippleSpeed: 0.05, 
    density: 0.04});

  • 
                                            jQuery('#example6').raindrops(
    {color:'#ffef92',
    canvasHeight:250,
    rippleSpeed: 0.01,
    frequency: 1,
    density: 0});