此文写的是博客顶部展示栏的水波纹效果。
这个效果也是由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
});
默认使用上面的参数进行设置即可。
上面将水波纹的效果代码进行了介绍了,需要这个效果的自行设置。
![]() |
Austin Liu 刘恒辉
Project Manager and Software Designer E-Mail:lzhdim@163.com Blog:https://lzhdim.cnblogs.com 欢迎收藏和转载此博客中的博文,但是请注明出处,给笔者一个与大家交流的空间。谢谢大家。 |