jQuery实现点击水纹波动动画_jquery

来源：动视网责编：小采时间：2020-11-27 20:53:05

jQuery实现点击水纹波动动画_jquery

jQuery实现点击水纹波动动画_jquery:jQuery点击水纹波动动画原理: 1.在需要实现水波纹效果的标签中添加 2.代码会定位鼠标相对与标签的位置，以鼠标点为圆心画圆 3.圆的半径可以自定义(默认为标签的最大宽或高度) 4.圆点颜色，和动画时间等可以自行修改内部代码，或直接调用 $().c

推荐度：

点击下载本文 文档为doc格式

导读jQuery实现点击水纹波动动画_jquery:jQuery点击水纹波动动画原理: 1.在需要实现水波纹效果的标签中添加 2.代码会定位鼠标相对与标签的位置，以鼠标点为圆心画圆 3.圆的半径可以自定义(默认为标签的最大宽或高度) 4.圆点颜色，和动画时间等可以自行修改内部代码，或直接调用 $().c

jQuery点击水纹波动动画原理:

1.在需要实现水波纹效果的标签中添加
2.代码会定位鼠标相对与标签的位置，以鼠标点为圆心画圆
3.圆的半径可以自定义(默认为标签的最大宽或高度)
4.圆点颜色，和动画时间等可以自行修改内部代码，或直接调用 $().css({})方法进行覆盖

ripple-wrapper.js

HTML