Super cool jQuery water wave reflection special effect plug-in

Brief Tutorial

lake.js is a jQuery plug-in that can create water wave reflection special effects. This jquery plug-in can convert any picture into a canvas component, so that the picture can generate a realistic water wave reflection effect.

Usage method

Introduce jquery and lake.js files into the page.

<script src="path/to/jquery.min.js"></script>                  
<script src="path/to/lake.js"></script>

HTML structure

Can create water wave reflection effect for any picture.

<img id="lake-img" src="lake.png" style="display: none;"/>

Initialization plug-in

After the page DOM element is loaded, you can initialize the jquery water wave reflection plug-in through the following method.

$(function() {
  $('#lake-img').lake({
    'speed': 1,
    'scale': 0.5,
    'waves': 10
  });
});

Configuration parameters

The jquery water wave reflection plug-in has 3 available configuration parameters:

• speed: the speed of water wave movement.

• scale: The height of the crest of the water wave.

• waves: The number of water waves.

The above is the content of the super cool jQuery water wave reflection special effects plug-in. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!