这个页面的头部将会展示水波荡漾动态背景的效果,鼠标光标在页面的上面点击或者晃动就可以看到效果,只需要在页面中增加以下的代码即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script src="https://rmt.dogedoge.com/fetch/~/source/jsdelivr/npm/jquery@latest/dist/jquery.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/gh/sirxemic/jquery.ripples/dist/jquery.ripples.js"></script>
<script>
$(document).ready(function () {
try {
$("#page-header").ripples({
resolution: 512,
dropRadius: 10, //px
perturbance: 0.04,
});
} catch (e) {
$(".error").show().text(e);
}
});
</script>

评论
avatar
竹山一叶
技术分享 个人心得
Follow Me
公告
欢迎光临小站,这里是我日常收集和整理的总结,希望能对你有所帮助:)

本站的内容经过个人加工总结而来,也参考了网友们分享的资料,如有侵权,请第一时间联系我,我将及时进行修改和删除😊
最新文章
网站资讯
文章数目 :
99
已运行时间 :
本站总字数 :
64.7k
本站访客数 :
本站总访问量 :
最后更新时间 :
文章归档文章分类文章标签
随便逛逛