9、顶部水波纹Frame - 博客界面改造文章(202203)

       此文写的是博客顶部展示栏的水波纹效果。

       这个效果也是由CSS和JS组成，实际请看博客顶部的展示栏效果。

JS脚本：

https://files.cnblogs.com/files/lzhdim/jquery.ripples.min.js?t=1648030691

       这个是JS脚本，放置到HTML代码里，然后调用API函数进行设置：

       <div id="divTopLogo">

              <div class="full-landing-image"></div>

</div>

下面是调用API ：

       $('.full-landing-image').ripples({

        resolution: 512,

        dropRadius: 20,

        perturbance: 0.04

    });

       默认使用上面的参数进行设置即可。

       上面将水波纹的效果代码进行了介绍了，需要这个效果的自行设置。