例子

点击查看代码的例子。

  • 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及以下浏览器。

来源:站长素材