例子

点击查看代码的例子。

  • 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});

适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源：站长素材